@akira-io/ui 1.0.0 → 1.1.1

package/dist/editor.js

@@ -0,0 +1,450 @@
+import { Toggle } from './chunk-FWQFB37J.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Label, DialogFooter } from './chunk-T2INZOCM.js';
+import { Separator } from './chunk-TGF54WAO.js';
+import { Input } from './chunk-XZCC6MTE.js';
+import { cn, Button, fieldSurface, focusRing } from './chunk-ODYCBCKS.js';
+import { EditorContent as EditorContent$1, useEditor } from '@tiptap/react';
+import { createContext, useContext, useState, useRef, useMemo, useEffect, useId } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Code, Strikethrough, Italic, Bold, Heading6, Heading5, Heading4, Heading3, Heading2, Heading1, List, ListOrdered, Quote, Undo2, Redo2, Link2 } from 'lucide-react';
+import StarterKit from '@tiptap/starter-kit';
+
+var EditorContext = createContext(null);
+var EditorContextProvider = EditorContext.Provider;
+function useEditorContext() {
+  const context = useContext(EditorContext);
+  if (context === null) {
+    throw new Error("Editor parts must be used inside <Editor>.");
+  }
+  return context;
+}
+function EditorContent({
+  className,
+  slotName = "editor-content"
+}) {
+  const { editor, placeholder } = useEditorContext();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-placeholder": placeholder,
+      "data-empty": editor.isEmpty ? "" : void 0,
+      className: cn(
+        "data-empty:before:top-3 data-empty:before:left-4 data-empty:before:text-sm data-empty:before:font-medium relative w-full data-empty:before:pointer-events-none data-empty:before:absolute data-empty:before:text-muted-foreground data-empty:before:content-[attr(data-placeholder)]",
+        className
+      ),
+      "data-slot": slotName,
+      children: /* @__PURE__ */ jsx(EditorContent$1, { editor })
+    }
+  );
+}
+function EditorToolbar({
+  children,
+  className,
+  slotName = "editor-toolbar"
+}) {
+  const { labels } = useEditorContext();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "toolbar",
+      "aria-label": labels.toolbarLabel,
+      "aria-orientation": "horizontal",
+      className: cn("gap-1 flex flex-wrap items-center", className),
+      "data-slot": slotName,
+      children
+    }
+  );
+}
+function EditorControl({
+  label,
+  icon: Icon,
+  pressed = false,
+  disabled = false,
+  onActivate,
+  className,
+  slotName = "editor-control"
+}) {
+  const { editable } = useEditorContext();
+  return /* @__PURE__ */ jsx(
+    Toggle,
+    {
+      size: "sm",
+      "aria-label": label,
+      title: label,
+      pressed,
+      disabled: disabled || !editable,
+      onPressedChange: onActivate,
+      className,
+      slotName,
+      children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" })
+    }
+  );
+}
+var MARK_ICONS = {
+  bold: Bold,
+  italic: Italic,
+  strike: Strikethrough,
+  code: Code
+};
+function EditorMark({ mark, label, className }) {
+  const { editor, labels } = useEditorContext();
+  const names = {
+    bold: labels.boldLabel,
+    italic: labels.italicLabel,
+    strike: labels.strikeLabel,
+    code: labels.codeLabel
+  };
+  return /* @__PURE__ */ jsx(
+    EditorControl,
+    {
+      label: label ?? names[mark],
+      icon: MARK_ICONS[mark],
+      pressed: editor.isActive(mark),
+      disabled: !editor.can().toggleMark(mark),
+      onActivate: () => editor.chain().focus().toggleMark(mark).run(),
+      className
+    }
+  );
+}
+var HEADING_ICONS = {
+  1: Heading1,
+  2: Heading2,
+  3: Heading3,
+  4: Heading4,
+  5: Heading5,
+  6: Heading6
+};
+function EditorHeading({ level, label, className }) {
+  const { editor, labels } = useEditorContext();
+  return /* @__PURE__ */ jsx(
+    EditorControl,
+    {
+      label: label ?? labels.headingLabel(level),
+      icon: HEADING_ICONS[level],
+      pressed: editor.isActive("heading", { level }),
+      disabled: !editor.can().toggleNode("heading", "paragraph", { level }),
+      onActivate: () => editor.chain().focus().toggleHeading({ level }).run(),
+      className
+    }
+  );
+}
+function EditorList({ variant, label, className }) {
+  const { editor, labels } = useEditorContext();
+  const name = variant === "bullet" ? "bulletList" : "orderedList";
+  return /* @__PURE__ */ jsx(
+    EditorControl,
+    {
+      label: label ?? (variant === "bullet" ? labels.bulletListLabel : labels.orderedListLabel),
+      icon: variant === "bullet" ? List : ListOrdered,
+      pressed: editor.isActive(name),
+      disabled: !editor.can().toggleList(name, "listItem"),
+      onActivate: () => variant === "bullet" ? editor.chain().focus().toggleBulletList().run() : editor.chain().focus().toggleOrderedList().run(),
+      className
+    }
+  );
+}
+function EditorBlockquote({ label, className }) {
+  const { editor, labels } = useEditorContext();
+  return /* @__PURE__ */ jsx(
+    EditorControl,
+    {
+      label: label ?? labels.blockquoteLabel,
+      icon: Quote,
+      pressed: editor.isActive("blockquote"),
+      disabled: !editor.can().toggleWrap("blockquote"),
+      onActivate: () => editor.chain().focus().toggleBlockquote().run(),
+      className
+    }
+  );
+}
+function EditorHistory({
+  action,
+  label,
+  className,
+  slotName = "editor-history"
+}) {
+  const { editor, labels, editable } = useEditorContext();
+  const undoing = action === "undo";
+  const available = undoing ? editor.can().undo() : editor.can().redo();
+  const Icon = undoing ? Undo2 : Redo2;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon-sm",
+      "aria-label": label ?? (undoing ? labels.undoLabel : labels.redoLabel),
+      title: label ?? (undoing ? labels.undoLabel : labels.redoLabel),
+      disabled: !available || !editable,
+      onClick: () => undoing ? editor.chain().focus().undo().run() : editor.chain().focus().redo().run(),
+      className,
+      slotName,
+      children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" })
+    }
+  );
+}
+var SAFE_PROTOCOLS = ["http", "https", "mailto", "tel"];
+function isSafeEditorUrl(url) {
+  const protocol = /^([a-z][a-z0-9+.-]*):/i.exec(url.trim())?.[1];
+  return protocol === void 0 || SAFE_PROTOCOLS.includes(protocol.toLowerCase());
+}
+function defaultEditorExtensions() {
+  return [
+    StarterKit.configure({
+      link: {
+        openOnClick: false,
+        autolink: true,
+        protocols: SAFE_PROTOCOLS,
+        isAllowedUri: (url) => isSafeEditorUrl(url),
+        HTMLAttributes: {
+          rel: "noopener noreferrer nofollow",
+          target: "_blank"
+        }
+      }
+    })
+  ];
+}
+
+// src/components/ui/editor/labels.ts
+var editorLabels = {
+  toolbarLabel: "Formatting",
+  boldLabel: "Bold",
+  italicLabel: "Italic",
+  strikeLabel: "Strikethrough",
+  codeLabel: "Code",
+  headingLabel: (level) => `Heading ${level}`,
+  bulletListLabel: "Bullet list",
+  orderedListLabel: "Numbered list",
+  blockquoteLabel: "Quote",
+  undoLabel: "Undo",
+  redoLabel: "Redo",
+  linkLabel: "Link",
+  linkDialogTitle: "Link",
+  linkDialogDescription: "Point the selected text at an address.",
+  linkUrlLabel: "Address",
+  linkUrlPlaceholder: "https://example.com",
+  linkApplyLabel: "Apply",
+  linkRemoveLabel: "Remove",
+  linkCancelLabel: "Cancel"
+};
+var editorProse = "text-sm font-medium leading-relaxed [&_p]:my-2 [&_h1]:mt-4 [&_h1]:mb-2 [&_h1]:text-2xl [&_h1]:font-bold [&_h2]:mt-4 [&_h2]:mb-2 [&_h2]:text-xl [&_h2]:font-bold [&_h3]:mt-3 [&_h3]:mb-2 [&_h3]:text-lg [&_h3]:font-semibold [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-6 [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-6 [&_li]:my-1 [&_blockquote]:my-3 [&_blockquote]:border-l-2 [&_blockquote]:border-border [&_blockquote]:pl-4 [&_blockquote]:text-muted-foreground [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-4 [&_code]:rounded-md [&_code]:bg-muted [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-normal [&_pre]:my-3 [&_pre]:rounded-xl [&_pre]:bg-muted [&_pre]:p-4 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_hr]:my-4 [&_hr]:border-border";
+var editingSurface = `${fieldSurface} ${focusRing} ${editorProse} min-h-32 w-full px-4 py-3 selection:bg-primary selection:text-primary-foreground`;
+function read(editor, output) {
+  return output === "json" ? editor.getJSON() : editor.getHTML();
+}
+function isSameDocument(left, right) {
+  if (typeof left === "string" && typeof right === "string") {
+    return left === right;
+  }
+  return JSON.stringify(left) === JSON.stringify(right);
+}
+function Editor({
+  value,
+  onChange,
+  output = "html",
+  extensions,
+  labels = editorLabels,
+  placeholder,
+  label,
+  disabled = false,
+  readOnly = false,
+  className,
+  children,
+  slotName = "editor"
+}) {
+  const [revision, setRevision] = useState(0);
+  const editable = !disabled && !readOnly;
+  const emit = useRef(onChange);
+  emit.current = onChange;
+  const emitted = useRef(null);
+  const extensionSet = useMemo(
+    () => extensions ?? defaultEditorExtensions(),
+    [extensions]
+  );
+  const editor = useEditor(
+    {
+      extensions: extensionSet,
+      content: value,
+      editable,
+      immediatelyRender: false,
+      editorProps: {
+        attributes: {
+          "data-slot": "editor-surface",
+          role: "textbox",
+          "aria-multiline": "true",
+          ...label === void 0 ? {} : { "aria-label": label },
+          class: editingSurface
+        }
+      },
+      onUpdate: ({ editor: instance }) => {
+        const next = read(instance, output);
+        emitted.current = next;
+        emit.current(next);
+      }
+    },
+    [extensionSet]
+  );
+  useEffect(() => {
+    if (editor === null) {
+      return;
+    }
+    const rerender = () => setRevision((revision2) => revision2 + 1);
+    editor.on("transaction", rerender);
+    return () => {
+      editor.off("transaction", rerender);
+    };
+  }, [editor]);
+  useEffect(() => {
+    editor?.setEditable(editable, false);
+  }, [editor, editable]);
+  useEffect(() => {
+    if (editor === null) {
+      return;
+    }
+    const echoed = emitted.current !== null && isSameDocument(emitted.current, value);
+    if (echoed || isSameDocument(read(editor, output), value)) {
+      return;
+    }
+    emitted.current = null;
+    editor.commands.setContent(value, { emitUpdate: false });
+  }, [editor, value, output]);
+  const context = useMemo(
+    () => editor === null ? null : { editor, labels, editable, placeholder },
+    [editor, labels, editable, placeholder, revision]
+  );
+  if (context === null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(EditorContextProvider, { value: context, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-disabled": disabled ? "" : void 0,
+      "data-readonly": readOnly ? "" : void 0,
+      className: cn(
+        "gap-2 flex w-full flex-col data-disabled:opacity-50",
+        className
+      ),
+      "data-slot": slotName,
+      children
+    }
+  ) });
+}
+function EditorLink({
+  label,
+  className,
+  slotName = "editor-link-dialog"
+}) {
+  const { editor, labels, editable } = useEditorContext();
+  const [open, setOpen] = useState(false);
+  const [href, setHref] = useState("");
+  const attached = editor.isActive("link");
+  const fieldId = useId();
+  function openDialog() {
+    setHref(editor.getAttributes("link").href ?? "");
+    setOpen(true);
+  }
+  function apply() {
+    if (!isSafeEditorUrl(href)) {
+      return;
+    }
+    editor.chain().focus().extendMarkRange("link").setLink({ href: href.trim() }).run();
+    setOpen(false);
+  }
+  function remove() {
+    editor.chain().focus().extendMarkRange("link").unsetLink().run();
+    setOpen(false);
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      EditorControl,
+      {
+        label: label ?? labels.linkLabel,
+        icon: Link2,
+        pressed: attached,
+        disabled: !editable,
+        onActivate: openDialog,
+        className
+      }
+    ),
+    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { slotName, children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: labels.linkDialogTitle }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: labels.linkDialogDescription })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "gap-2 flex flex-col", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, children: labels.linkUrlLabel }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: fieldId,
+            slotName: "editor-link-url",
+            value: href,
+            placeholder: labels.linkUrlPlaceholder,
+            onChange: (event) => setHref(event.target.value),
+            onKeyDown: (event) => {
+              if (event.key === "Enter") {
+                event.preventDefault();
+                apply();
+              }
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        attached && /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            onClick: remove,
+            children: labels.linkRemoveLabel
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => setOpen(false),
+            children: labels.linkCancelLabel
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            onClick: apply,
+            disabled: href.trim() === "",
+            children: labels.linkApplyLabel
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+function RichTextEditor(props) {
+  return /* @__PURE__ */ jsxs(Editor, { ...props, children: [
+    /* @__PURE__ */ jsxs(EditorToolbar, { children: [
+      /* @__PURE__ */ jsx(EditorMark, { mark: "bold" }),
+      /* @__PURE__ */ jsx(EditorMark, { mark: "italic" }),
+      /* @__PURE__ */ jsx(EditorMark, { mark: "strike" }),
+      /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "mx-1 h-6" }),
+      /* @__PURE__ */ jsx(EditorHeading, { level: 2 }),
+      /* @__PURE__ */ jsx(EditorHeading, { level: 3 }),
+      /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "mx-1 h-6" }),
+      /* @__PURE__ */ jsx(EditorList, { variant: "bullet" }),
+      /* @__PURE__ */ jsx(EditorList, { variant: "ordered" }),
+      /* @__PURE__ */ jsx(EditorBlockquote, {}),
+      /* @__PURE__ */ jsx(EditorMark, { mark: "code" }),
+      /* @__PURE__ */ jsx(EditorLink, {}),
+      /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "mx-1 h-6" }),
+      /* @__PURE__ */ jsx(EditorHistory, { action: "undo" }),
+      /* @__PURE__ */ jsx(EditorHistory, { action: "redo" })
+    ] }),
+    /* @__PURE__ */ jsx(EditorContent, {})
+  ] });
+}
+
+export { Editor, EditorBlockquote, EditorContent, EditorControl, EditorHeading, EditorHistory, EditorLink, EditorList, EditorMark, EditorToolbar, RichTextEditor, defaultEditorExtensions, editorLabels, isSafeEditorUrl, useEditorContext };
+//# sourceMappingURL=editor.js.map
+//# sourceMappingURL=editor.js.map

package/dist/editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/editor/context.tsx","../src/components/ui/editor/content.tsx","../src/components/ui/editor/toolbar.tsx","../src/components/ui/editor/controls.tsx","../src/components/ui/editor/extensions.ts","../src/components/ui/editor/labels.ts","../src/components/ui/editor/editor.tsx","../src/components/ui/editor/link.tsx","../src/components/ui/editor/rich-text-editor.tsx"],"names":["TiptapContent","jsx","revision","useState","jsxs"],"mappings":"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","file":"editor.js","sourcesContent":["import type { Editor as TiptapEditor } from '@tiptap/core';\nimport { createContext, useContext } from 'react';\n\nimport type { EditorLabels } from '@/components/ui/editor/labels';\n\nexport interface EditorContextValue {\n    editor: TiptapEditor;\n    labels: EditorLabels;\n    editable: boolean;\n    placeholder?: string;\n}\n\nconst EditorContext = createContext<EditorContextValue | null>(null);\n\nexport const EditorContextProvider = EditorContext.Provider;\n\nexport function useEditorContext(): EditorContextValue {\n    const context = useContext(EditorContext);\n\n    if (context === null) {\n        throw new Error('Editor parts must be used inside <Editor>.');\n    }\n\n    return context;\n}\n","import { EditorContent as TiptapContent } from '@tiptap/react';\n\nimport { useEditorContext } from '@/components/ui/editor/context';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nexport interface EditorContentProps {\n    className?: string;\n}\n\nexport function EditorContent({\n    className,\n    slotName = 'editor-content',\n}: EditorContentProps & SlotNameProps) {\n    const { editor, placeholder } = useEditorContext();\n\n    return (\n        <div\n            data-placeholder={placeholder}\n            data-empty={editor.isEmpty ? '' : undefined}\n            className={cn(\n                'data-empty:before:top-3 data-empty:before:left-4 data-empty:before:text-sm data-empty:before:font-medium relative w-full data-empty:before:pointer-events-none data-empty:before:absolute data-empty:before:text-muted-foreground data-empty:before:content-[attr(data-placeholder)]',\n                className,\n            )}\n            data-slot={slotName}\n        >\n            <TiptapContent editor={editor} />\n        </div>\n    );\n}\n","import type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { useEditorContext } from '@/components/ui/editor/context';\nimport { Toggle } from '@/components/ui/toggle';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nexport interface EditorToolbarProps {\n    children: ReactNode;\n    className?: string;\n}\n\nexport function EditorToolbar({\n    children,\n    className,\n    slotName = 'editor-toolbar',\n}: EditorToolbarProps & SlotNameProps) {\n    const { labels } = useEditorContext();\n\n    return (\n        <div\n            role=\"toolbar\"\n            aria-label={labels.toolbarLabel}\n            aria-orientation=\"horizontal\"\n            className={cn('gap-1 flex flex-wrap items-center', className)}\n            data-slot={slotName}\n        >\n            {children}\n        </div>\n    );\n}\n\nexport interface EditorControlProps {\n    label: string;\n    icon: LucideIcon;\n    pressed?: boolean;\n    disabled?: boolean;\n    onActivate: () => void;\n    className?: string;\n}\n\nexport function EditorControl({\n    label,\n    icon: Icon,\n    pressed = false,\n    disabled = false,\n    onActivate,\n    className,\n    slotName = 'editor-control',\n}: EditorControlProps & SlotNameProps) {\n    const { editable } = useEditorContext();\n\n    return (\n        <Toggle\n            size=\"sm\"\n            aria-label={label}\n            title={label}\n            pressed={pressed}\n            disabled={disabled || !editable}\n            onPressedChange={onActivate}\n            className={className}\n            slotName={slotName}\n        >\n            <Icon aria-hidden=\"true\" />\n        </Toggle>\n    );\n}\n","import {\n    Bold,\n    Code,\n    Heading1,\n    Heading2,\n    Heading3,\n    Heading4,\n    Heading5,\n    Heading6,\n    Italic,\n    List,\n    ListOrdered,\n    Quote,\n    Redo2,\n    Strikethrough,\n    Undo2,\n    type LucideIcon,\n} from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\nimport { useEditorContext } from '@/components/ui/editor/context';\nimport { EditorControl } from '@/components/ui/editor/toolbar';\nimport type { SlotNameProps } from '@/types';\n\nexport type EditorMarkName = 'bold' | 'italic' | 'strike' | 'code';\n\nconst MARK_ICONS: Record<EditorMarkName, LucideIcon> = {\n    bold: Bold,\n    italic: Italic,\n    strike: Strikethrough,\n    code: Code,\n};\n\nexport interface EditorMarkProps {\n    mark: EditorMarkName;\n    label?: string;\n    className?: string;\n}\n\nexport function EditorMark({ mark, label, className }: EditorMarkProps) {\n    const { editor, labels } = useEditorContext();\n\n    const names: Record<EditorMarkName, string> = {\n        bold: labels.boldLabel,\n        italic: labels.italicLabel,\n        strike: labels.strikeLabel,\n        code: labels.codeLabel,\n    };\n\n    return (\n        <EditorControl\n            label={label ?? names[mark]}\n            icon={MARK_ICONS[mark]}\n            pressed={editor.isActive(mark)}\n            disabled={!editor.can().toggleMark(mark)}\n            onActivate={() => editor.chain().focus().toggleMark(mark).run()}\n            className={className}\n        />\n    );\n}\n\nconst HEADING_ICONS: Record<number, LucideIcon> = {\n    1: Heading1,\n    2: Heading2,\n    3: Heading3,\n    4: Heading4,\n    5: Heading5,\n    6: Heading6,\n};\n\nexport interface EditorHeadingProps {\n    level: 1 | 2 | 3 | 4 | 5 | 6;\n    label?: string;\n    className?: string;\n}\n\nexport function EditorHeading({ level, label, className }: EditorHeadingProps) {\n    const { editor, labels } = useEditorContext();\n\n    return (\n        <EditorControl\n            label={label ?? labels.headingLabel(level)}\n            icon={HEADING_ICONS[level]}\n            pressed={editor.isActive('heading', { level })}\n            disabled={\n                !editor.can().toggleNode('heading', 'paragraph', { level })\n            }\n            onActivate={() =>\n                editor.chain().focus().toggleHeading({ level }).run()\n            }\n            className={className}\n        />\n    );\n}\n\nexport type EditorListVariant = 'bullet' | 'ordered';\n\nexport interface EditorListProps {\n    variant: EditorListVariant;\n    label?: string;\n    className?: string;\n}\n\nexport function EditorList({ variant, label, className }: EditorListProps) {\n    const { editor, labels } = useEditorContext();\n    const name = variant === 'bullet' ? 'bulletList' : 'orderedList';\n\n    return (\n        <EditorControl\n            label={\n                label ??\n                (variant === 'bullet'\n                    ? labels.bulletListLabel\n                    : labels.orderedListLabel)\n            }\n            icon={variant === 'bullet' ? List : ListOrdered}\n            pressed={editor.isActive(name)}\n            disabled={!editor.can().toggleList(name, 'listItem')}\n            onActivate={() =>\n                variant === 'bullet'\n                    ? editor.chain().focus().toggleBulletList().run()\n                    : editor.chain().focus().toggleOrderedList().run()\n            }\n            className={className}\n        />\n    );\n}\n\nexport interface EditorBlockquoteProps {\n    label?: string;\n    className?: string;\n}\n\nexport function EditorBlockquote({ label, className }: EditorBlockquoteProps) {\n    const { editor, labels } = useEditorContext();\n\n    return (\n        <EditorControl\n            label={label ?? labels.blockquoteLabel}\n            icon={Quote}\n            pressed={editor.isActive('blockquote')}\n            disabled={!editor.can().toggleWrap('blockquote')}\n            onActivate={() => editor.chain().focus().toggleBlockquote().run()}\n            className={className}\n        />\n    );\n}\n\nexport type EditorHistoryAction = 'undo' | 'redo';\n\nexport interface EditorHistoryProps {\n    action: EditorHistoryAction;\n    label?: string;\n    className?: string;\n}\n\nexport function EditorHistory({\n    action,\n    label,\n    className,\n    slotName = 'editor-history',\n}: EditorHistoryProps & SlotNameProps) {\n    const { editor, labels, editable } = useEditorContext();\n    const undoing = action === 'undo';\n    const available = undoing ? editor.can().undo() : editor.can().redo();\n    const Icon = undoing ? Undo2 : Redo2;\n\n    return (\n        <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            aria-label={\n                label ?? (undoing ? labels.undoLabel : labels.redoLabel)\n            }\n            title={label ?? (undoing ? labels.undoLabel : labels.redoLabel)}\n            disabled={!available || !editable}\n            onClick={() =>\n                undoing\n                    ? editor.chain().focus().undo().run()\n                    : editor.chain().focus().redo().run()\n            }\n            className={className}\n            slotName={slotName}\n        >\n            <Icon aria-hidden=\"true\" />\n        </Button>\n    );\n}\n","import type { Extensions } from '@tiptap/core';\nimport StarterKit from '@tiptap/starter-kit';\n\nconst SAFE_PROTOCOLS = ['http', 'https', 'mailto', 'tel'];\n\nexport function isSafeEditorUrl(url: string): boolean {\n    const protocol = /^([a-z][a-z0-9+.-]*):/i.exec(url.trim())?.[1];\n\n    return (\n        protocol === undefined ||\n        SAFE_PROTOCOLS.includes(protocol.toLowerCase())\n    );\n}\n\nexport function defaultEditorExtensions(): Extensions {\n    return [\n        StarterKit.configure({\n            link: {\n                openOnClick: false,\n                autolink: true,\n                protocols: SAFE_PROTOCOLS,\n                isAllowedUri: (url) => isSafeEditorUrl(url),\n                HTMLAttributes: {\n                    rel: 'noopener noreferrer nofollow',\n                    target: '_blank',\n                },\n            },\n        }),\n    ];\n}\n","export interface EditorLabels {\n    toolbarLabel: string;\n    boldLabel: string;\n    italicLabel: string;\n    strikeLabel: string;\n    codeLabel: string;\n    headingLabel: (level: number) => string;\n    bulletListLabel: string;\n    orderedListLabel: string;\n    blockquoteLabel: string;\n    undoLabel: string;\n    redoLabel: string;\n    linkLabel: string;\n    linkDialogTitle: string;\n    linkDialogDescription: string;\n    linkUrlLabel: string;\n    linkUrlPlaceholder: string;\n    linkApplyLabel: string;\n    linkRemoveLabel: string;\n    linkCancelLabel: string;\n}\n\nexport const editorLabels: EditorLabels = {\n    toolbarLabel: 'Formatting',\n    boldLabel: 'Bold',\n    italicLabel: 'Italic',\n    strikeLabel: 'Strikethrough',\n    codeLabel: 'Code',\n    headingLabel: (level) => `Heading ${level}`,\n    bulletListLabel: 'Bullet list',\n    orderedListLabel: 'Numbered list',\n    blockquoteLabel: 'Quote',\n    undoLabel: 'Undo',\n    redoLabel: 'Redo',\n    linkLabel: 'Link',\n    linkDialogTitle: 'Link',\n    linkDialogDescription: 'Point the selected text at an address.',\n    linkUrlLabel: 'Address',\n    linkUrlPlaceholder: 'https://example.com',\n    linkApplyLabel: 'Apply',\n    linkRemoveLabel: 'Remove',\n    linkCancelLabel: 'Cancel',\n};\n","import type { Extensions, JSONContent } from '@tiptap/core';\nimport { useEditor } from '@tiptap/react';\nimport { useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\n\nimport {\n    EditorContextProvider,\n    type EditorContextValue,\n} from '@/components/ui/editor/context';\nimport { defaultEditorExtensions } from '@/components/ui/editor/extensions';\nimport { editorLabels, type EditorLabels } from '@/components/ui/editor/labels';\nimport { fieldSurface, focusRing } from '@/lib/language';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nexport type EditorOutput = 'html' | 'json';\n\nexport type EditorDocument = string | JSONContent;\n\ninterface EditorSharedProps {\n    extensions?: Extensions;\n    labels?: EditorLabels;\n    placeholder?: string;\n    label?: string;\n    disabled?: boolean;\n    readOnly?: boolean;\n    className?: string;\n    children: ReactNode;\n}\n\nexport type EditorProps = EditorSharedProps &\n    (\n        | {\n              output?: 'html';\n              value: string;\n              onChange: (value: string) => void;\n          }\n        | {\n              output: 'json';\n              value: JSONContent;\n              onChange: (value: JSONContent) => void;\n          }\n    );\n\nconst editorProse =\n    'text-sm font-medium leading-relaxed [&_p]:my-2 [&_h1]:mt-4 [&_h1]:mb-2 [&_h1]:text-2xl [&_h1]:font-bold [&_h2]:mt-4 [&_h2]:mb-2 [&_h2]:text-xl [&_h2]:font-bold [&_h3]:mt-3 [&_h3]:mb-2 [&_h3]:text-lg [&_h3]:font-semibold [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-6 [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-6 [&_li]:my-1 [&_blockquote]:my-3 [&_blockquote]:border-l-2 [&_blockquote]:border-border [&_blockquote]:pl-4 [&_blockquote]:text-muted-foreground [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-4 [&_code]:rounded-md [&_code]:bg-muted [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-normal [&_pre]:my-3 [&_pre]:rounded-xl [&_pre]:bg-muted [&_pre]:p-4 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_hr]:my-4 [&_hr]:border-border';\n\nconst editingSurface = `${fieldSurface} ${focusRing} ${editorProse} min-h-32 w-full px-4 py-3 selection:bg-primary selection:text-primary-foreground`;\n\nfunction read(\n    editor: { getHTML: () => string; getJSON: () => JSONContent },\n    output: EditorOutput,\n): EditorDocument {\n    return output === 'json' ? editor.getJSON() : editor.getHTML();\n}\n\nfunction isSameDocument(left: EditorDocument, right: EditorDocument): boolean {\n    if (typeof left === 'string' && typeof right === 'string') {\n        return left === right;\n    }\n\n    return JSON.stringify(left) === JSON.stringify(right);\n}\n\nexport function Editor({\n    value,\n    onChange,\n    output = 'html',\n    extensions,\n    labels = editorLabels,\n    placeholder,\n    label,\n    disabled = false,\n    readOnly = false,\n    className,\n    children,\n    slotName = 'editor',\n}: EditorProps & SlotNameProps) {\n    const [revision, setRevision] = useState(0);\n    const editable = !disabled && !readOnly;\n    const emit = useRef(onChange as (next: EditorDocument) => void);\n    emit.current = onChange as (next: EditorDocument) => void;\n    const emitted = useRef<EditorDocument | null>(null);\n\n    const extensionSet = useMemo(\n        () => extensions ?? defaultEditorExtensions(),\n        [extensions],\n    );\n\n    const editor = useEditor(\n        {\n            extensions: extensionSet,\n            content: value,\n            editable,\n            immediatelyRender: false,\n            editorProps: {\n                attributes: {\n                    'data-slot': 'editor-surface',\n                    role: 'textbox',\n                    'aria-multiline': 'true',\n                    ...(label === undefined ? {} : { 'aria-label': label }),\n                    class: editingSurface,\n                },\n            },\n            onUpdate: ({ editor: instance }) => {\n                const next = read(instance, output);\n\n                emitted.current = next;\n                emit.current(next);\n            },\n        },\n        [extensionSet],\n    );\n\n    useEffect(() => {\n        if (editor === null) {\n            return;\n        }\n\n        const rerender = () => setRevision((revision) => revision + 1);\n\n        editor.on('transaction', rerender);\n\n        return () => {\n            editor.off('transaction', rerender);\n        };\n    }, [editor]);\n\n    useEffect(() => {\n        editor?.setEditable(editable, false);\n    }, [editor, editable]);\n\n    useEffect(() => {\n        if (editor === null) {\n            return;\n        }\n\n        const echoed =\n            emitted.current !== null && isSameDocument(emitted.current, value);\n\n        if (echoed || isSameDocument(read(editor, output), value)) {\n            return;\n        }\n\n        emitted.current = null;\n        editor.commands.setContent(value, { emitUpdate: false });\n    }, [editor, value, output]);\n\n    const context = useMemo<EditorContextValue | null>(\n        () =>\n            editor === null ? null : { editor, labels, editable, placeholder },\n        [editor, labels, editable, placeholder, revision],\n    );\n\n    if (context === null) {\n        return null;\n    }\n\n    return (\n        <EditorContextProvider value={context}>\n            <div\n                data-disabled={disabled ? '' : undefined}\n                data-readonly={readOnly ? '' : undefined}\n                className={cn(\n                    'gap-2 flex w-full flex-col data-disabled:opacity-50',\n                    className,\n                )}\n                data-slot={slotName}\n            >\n                {children}\n            </div>\n        </EditorContextProvider>\n    );\n}\n","import { Link2 } from 'lucide-react';\nimport { useId, useState } from 'react';\n\nimport { Button } from '@/components/ui/button';\nimport {\n    Dialog,\n    DialogContent,\n    DialogDescription,\n    DialogFooter,\n    DialogHeader,\n    DialogTitle,\n} from '@/components/ui/dialog';\nimport { useEditorContext } from '@/components/ui/editor/context';\nimport { isSafeEditorUrl } from '@/components/ui/editor/extensions';\nimport { EditorControl } from '@/components/ui/editor/toolbar';\nimport { Input } from '@/components/ui/input';\nimport { Label } from '@/components/ui/label';\nimport type { SlotNameProps } from '@/types';\n\nexport interface EditorLinkProps {\n    label?: string;\n    className?: string;\n}\n\nexport function EditorLink({\n    label,\n    className,\n    slotName = 'editor-link-dialog',\n}: EditorLinkProps & SlotNameProps) {\n    const { editor, labels, editable } = useEditorContext();\n    const [open, setOpen] = useState(false);\n    const [href, setHref] = useState('');\n    const attached = editor.isActive('link');\n    const fieldId = useId();\n\n    function openDialog() {\n        setHref(editor.getAttributes('link').href ?? '');\n        setOpen(true);\n    }\n\n    function apply() {\n        if (!isSafeEditorUrl(href)) {\n            return;\n        }\n\n        editor\n            .chain()\n            .focus()\n            .extendMarkRange('link')\n            .setLink({ href: href.trim() })\n            .run();\n\n        setOpen(false);\n    }\n\n    function remove() {\n        editor.chain().focus().extendMarkRange('link').unsetLink().run();\n        setOpen(false);\n    }\n\n    return (\n        <>\n            <EditorControl\n                label={label ?? labels.linkLabel}\n                icon={Link2}\n                pressed={attached}\n                disabled={!editable}\n                onActivate={openDialog}\n                className={className}\n            />\n            <Dialog open={open} onOpenChange={setOpen}>\n                <DialogContent slotName={slotName}>\n                    <DialogHeader>\n                        <DialogTitle>{labels.linkDialogTitle}</DialogTitle>\n                        <DialogDescription>\n                            {labels.linkDialogDescription}\n                        </DialogDescription>\n                    </DialogHeader>\n                    <div className=\"gap-2 flex flex-col\">\n                        <Label htmlFor={fieldId}>{labels.linkUrlLabel}</Label>\n                        <Input\n                            id={fieldId}\n                            slotName=\"editor-link-url\"\n                            value={href}\n                            placeholder={labels.linkUrlPlaceholder}\n                            onChange={(event) => setHref(event.target.value)}\n                            onKeyDown={(event) => {\n                                if (event.key === 'Enter') {\n                                    event.preventDefault();\n                                    apply();\n                                }\n                            }}\n                        />\n                    </div>\n                    <DialogFooter>\n                        {attached && (\n                            <Button\n                                type=\"button\"\n                                variant=\"ghost\"\n                                onClick={remove}\n                            >\n                                {labels.linkRemoveLabel}\n                            </Button>\n                        )}\n                        <Button\n                            type=\"button\"\n                            variant=\"outline\"\n                            onClick={() => setOpen(false)}\n                        >\n                            {labels.linkCancelLabel}\n                        </Button>\n                        <Button\n                            type=\"button\"\n                            onClick={apply}\n                            disabled={href.trim() === ''}\n                        >\n                            {labels.linkApplyLabel}\n                        </Button>\n                    </DialogFooter>\n                </DialogContent>\n            </Dialog>\n        </>\n    );\n}\n","import { EditorContent } from '@/components/ui/editor/content';\nimport {\n    EditorBlockquote,\n    EditorHeading,\n    EditorHistory,\n    EditorList,\n    EditorMark,\n} from '@/components/ui/editor/controls';\nimport { Editor, type EditorProps } from '@/components/ui/editor/editor';\nimport { EditorLink } from '@/components/ui/editor/link';\nimport { EditorToolbar } from '@/components/ui/editor/toolbar';\nimport { Separator } from '@/components/ui/separator';\n\ntype WithoutChildren<T> = T extends unknown ? Omit<T, 'children'> : never;\n\nexport type RichTextEditorProps = WithoutChildren<EditorProps>;\n\nexport function RichTextEditor(props: RichTextEditorProps) {\n    return (\n        <Editor {...props}>\n            <EditorToolbar>\n                <EditorMark mark=\"bold\" />\n                <EditorMark mark=\"italic\" />\n                <EditorMark mark=\"strike\" />\n                <Separator orientation=\"vertical\" className=\"mx-1 h-6\" />\n                <EditorHeading level={2} />\n                <EditorHeading level={3} />\n                <Separator orientation=\"vertical\" className=\"mx-1 h-6\" />\n                <EditorList variant=\"bullet\" />\n                <EditorList variant=\"ordered\" />\n                <EditorBlockquote />\n                <EditorMark mark=\"code\" />\n                <EditorLink />\n                <Separator orientation=\"vertical\" className=\"mx-1 h-6\" />\n                <EditorHistory action=\"undo\" />\n                <EditorHistory action=\"redo\" />\n            </EditorToolbar>\n            <EditorContent />\n        </Editor>\n    );\n}\n"]}