@alfadocs/ui-kit 0.0.12

package/dist/_chunks/rich-text-editor.agent-BOjF4Xao.js

@@ -0,0 +1,835 @@
+import { jsxs as k, jsx as i } from "react/jsx-runtime";
+import { forwardRef as ee, useId as te, useMemo as K, useState as I, useEffect as M, useRef as H, useImperativeHandle as re, useCallback as T } from "react";
+import { useEditor as ie, EditorContent as oe } from "@tiptap/react";
+import ne from "@tiptap/starter-kit";
+import ae from "@tiptap/extension-link";
+import se from "@tiptap/extension-image";
+import { Table as ce } from "@tiptap/extension-table";
+import le from "@tiptap/extension-table-row";
+import de from "@tiptap/extension-table-cell";
+import ue from "@tiptap/extension-table-header";
+import { Markdown as me } from "tiptap-markdown";
+import { p as fe } from "./purify.es-DpIUMBYC.js";
+import { c as B } from "./index-D2ZczOXr.js";
+import { useTranslation as P } from "react-i18next";
+import * as w from "@radix-ui/react-dialog";
+import { s as he } from "./safe-image-src-DstKgCo7.js";
+import { X as be } from "./x-CCcI3eJp.js";
+import { C as pe } from "./chevron-down-BX_NP2Yh.js";
+import { c as m } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ve = [
+  [
+    "path",
+    { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8", key: "mg9rjx" }
+  ]
+], ge = m("bold", ve);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ke = [
+  ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
+  ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
+], ye = m("code", ke);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const xe = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+], ze = m("image", xe);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const we = [
+  ["line", { x1: "19", x2: "10", y1: "4", y2: "4", key: "15jd3p" }],
+  ["line", { x1: "14", x2: "5", y1: "20", y2: "20", key: "bu0au3" }],
+  ["line", { x1: "15", x2: "9", y1: "4", y2: "20", key: "uljnxc" }]
+], Me = m("italic", we);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ne = [
+  ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
+  ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
+  ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
+], Ae = m("link-2", Ne);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ce = [
+  ["path", { d: "M11 5h10", key: "1cz7ny" }],
+  ["path", { d: "M11 12h10", key: "1438ji" }],
+  ["path", { d: "M11 19h10", key: "11t30w" }],
+  ["path", { d: "M4 4h1v5", key: "10yrso" }],
+  ["path", { d: "M4 9h2", key: "r1h2o0" }],
+  ["path", { d: "M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02", key: "xtkcd5" }]
+], Le = m("list-ordered", Ce);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Te = [
+  ["path", { d: "M3 5h.01", key: "18ugdj" }],
+  ["path", { d: "M3 12h.01", key: "nlz23k" }],
+  ["path", { d: "M3 19h.01", key: "noohij" }],
+  ["path", { d: "M8 5h13", key: "1pao27" }],
+  ["path", { d: "M8 12h13", key: "1za7za" }],
+  ["path", { d: "M8 19h13", key: "m83p4d" }]
+], _e = m("list", Te);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Re = [["path", { d: "M5 12h14", key: "1ays0h" }]], je = m("minus", Re);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ie = [
+  [
+    "path",
+    {
+      d: "M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",
+      key: "rib7q0"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",
+      key: "1ymkrd"
+    }
+  ]
+], He = m("quote", Ie);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Be = [
+  ["path", { d: "M21 7v6h-6", key: "3ptur4" }],
+  ["path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7", key: "1kgawr" }]
+], $e = m("redo", Be);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const De = [
+  ["path", { d: "M12 3v18", key: "108xh3" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M3 9h18", key: "1pudct" }],
+  ["path", { d: "M3 15h18", key: "5xshup" }]
+], Se = m("table", De);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ee = [
+  ["path", { d: "M3 7v6h6", key: "1v2h90" }],
+  ["path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13", key: "1r6uu6" }]
+], Ke = m("undo", Ee), qe = {
+  FORBID_TAGS: [
+    "script",
+    "style",
+    "iframe",
+    "object",
+    "embed",
+    "form",
+    "base",
+    "meta"
+  ],
+  FORBID_ATTR: [
+    "onerror",
+    "onclick",
+    "onload",
+    "onmouseover",
+    "onfocus",
+    "onblur"
+  ]
+};
+function j(s) {
+  return fe.sanitize(s, qe);
+}
+const Fe = B(
+  "tiptap-theme-alfadocs flex flex-col gap-[var(--spacing-sm)]"
+), Ve = B(
+  [
+    "flex flex-wrap items-center gap-[var(--spacing-xs)]",
+    "rounded-[var(--radius-md)] border border-[color:var(--border)]",
+    "bg-[var(--background)] p-[var(--spacing-xs)]"
+  ].join(" "),
+  {
+    variants: {
+      direction: {
+        ltr: "",
+        rtl: "flex-row-reverse"
+      }
+    },
+    defaultVariants: { direction: "ltr" }
+  }
+), U = B(
+  [
+    "inline-flex items-center justify-center",
+    "min-block-size-[var(--min-target-size)]",
+    "min-inline-size-[var(--min-target-size)]",
+    "gap-[var(--spacing-xs)]",
+    "rounded-[var(--radius-sm)] bg-transparent text-[var(--foreground)]",
+    "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
+    "hover:bg-[var(--muted)]",
+    "focus-visible:outline-[length:var(--focus-ring-width)]",
+    "focus-visible:outline-solid",
+    "focus-visible:outline-[var(--ring)]",
+    "focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "forced-colors:focus-visible:outline-[CanvasText]",
+    "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]"
+  ].join(" "),
+  {
+    variants: {
+      pressed: {
+        true: "bg-[var(--muted)] text-[var(--primary)]",
+        false: ""
+      },
+      disabled: {
+        true: "opacity-[var(--opacity-50)] cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: { pressed: !1, disabled: !1 }
+  }
+), Ze = B(
+  [
+    "rounded-[var(--radius-md)] border border-[color:var(--border)]",
+    "bg-[var(--background)] text-[var(--foreground)]"
+  ].join(" ")
+), Pe = {
+  minimal: ["bold", "italic", "link"],
+  standard: [
+    "bold",
+    "italic",
+    "link",
+    "heading",
+    "bulletList",
+    "orderedList",
+    "quote"
+  ],
+  full: [
+    "bold",
+    "italic",
+    "link",
+    "heading",
+    "bulletList",
+    "orderedList",
+    "quote",
+    "image",
+    "table",
+    "codeBlock",
+    "horizontalRule",
+    "undo",
+    "redo"
+  ]
+};
+function Ue({
+  editor: s,
+  registerRef: d,
+  tabIndex: h,
+  onFocus: v,
+  onKeyDown: $,
+  label: n,
+  disabled: y,
+  pressed: D
+}) {
+  const [x, N] = I(!1), o = H(null);
+  M(() => {
+    if (!x) return;
+    function l(g) {
+      const R = g.target;
+      o.current && R && !o.current.contains(R) && N(!1);
+    }
+    return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
+  }, [x]);
+  function _(l) {
+    s.chain().focus().toggleHeading({ level: l }).run(), N(!1);
+  }
+  return /* @__PURE__ */ k("div", { ref: o, className: "relative inline-flex", children: [
+    /* @__PURE__ */ k(
+      "button",
+      {
+        type: "button",
+        ref: d,
+        tabIndex: h,
+        onFocus: v,
+        onKeyDown: $,
+        onClick: () => {
+          y || N((l) => !l);
+        },
+        "aria-haspopup": "listbox",
+        "aria-expanded": x,
+        "aria-disabled": y || void 0,
+        "aria-label": n,
+        title: n,
+        className: U({ pressed: D, disabled: y }),
+        children: [
+          /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "text-[var(--font-size-sm)] font-semibold", children: "H" }),
+          /* @__PURE__ */ i(pe, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+        ]
+      }
+    ),
+    x && !y ? /* @__PURE__ */ i(
+      "ul",
+      {
+        role: "listbox",
+        "aria-label": n,
+        className: [
+          "absolute top-full mt-[var(--spacing-xs)] start-0 z-[var(--z-dropdown)]",
+          "min-inline-size-[8rem] rounded-[var(--radius-md)]",
+          "border border-[color:var(--border)] bg-[var(--background)]",
+          "shadow-[var(--shadow-lg)] p-[var(--spacing-xs)]"
+        ].join(" "),
+        children: [1, 2, 3].map((l) => /* @__PURE__ */ i("li", { role: "none", children: /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": s.isActive("heading", { level: l }) || void 0,
+            onClick: () => _(l),
+            className: [
+              "flex w-full items-center",
+              "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]",
+              "min-block-size-[var(--min-target-size)]",
+              "rounded-[var(--radius-sm)] text-start",
+              "hover:bg-[var(--muted)]",
+              "focus-visible:outline-[length:var(--focus-ring-width)]",
+              "focus-visible:outline-solid",
+              "focus-visible:outline-[var(--ring)]",
+              "forced-colors:focus-visible:outline-[CanvasText]"
+            ].join(" "),
+            children: `H${l}`
+          }
+        ) }, l))
+      }
+    ) : null
+  ] });
+}
+function Ge({ open: s, onOpenChange: d }) {
+  const { t: h } = P();
+  return /* @__PURE__ */ i(w.Root, { open: s, onOpenChange: d, children: /* @__PURE__ */ k(w.Portal, { children: [
+    /* @__PURE__ */ i(
+      w.Overlay,
+      {
+        className: [
+          "fixed inset-0 z-[var(--z-modal-backdrop)]",
+          "bg-[var(--background)]/[var(--opacity-70)]",
+          "backdrop-blur-sm"
+        ].join(" ")
+      }
+    ),
+    /* @__PURE__ */ k(
+      w.Content,
+      {
+        className: [
+          "fixed z-[var(--z-modal)]",
+          "start-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",
+          "w-[calc(100%-var(--spacing-lg)*2)] max-w-[var(--dialog-width-md)]",
+          "rounded-[var(--radius-lg)]",
+          "bg-[var(--popover)] text-[var(--popover-foreground)]",
+          "shadow-[var(--shadow-xl)] p-[var(--spacing-lg)]",
+          "focus-visible:outline-none"
+        ].join(" "),
+        children: [
+          /* @__PURE__ */ k("div", { className: "flex items-start justify-between gap-[var(--spacing-md)]", children: [
+            /* @__PURE__ */ i(
+              w.Title,
+              {
+                className: "type-title-card leading-snug",
+                children: h("editor.shortcuts.title")
+              }
+            ),
+            /* @__PURE__ */ i(w.Close, { asChild: !0, children: /* @__PURE__ */ i(
+              "button",
+              {
+                type: "button",
+                "aria-label": h("editor.shortcuts.close"),
+                className: [
+                  "inline-flex items-center justify-center",
+                  "min-block-size-[var(--min-target-size)]",
+                  "min-inline-size-[var(--min-target-size)]",
+                  "rounded-[var(--radius-sm)]",
+                  "hover:bg-[var(--muted)]",
+                  "focus-visible:outline-[length:var(--focus-ring-width)]",
+                  "focus-visible:outline-solid",
+                  "focus-visible:outline-[var(--ring)]",
+                  "forced-colors:focus-visible:outline-[CanvasText]"
+                ].join(" "),
+                children: /* @__PURE__ */ i(be, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ i("ul", { className: "mt-[var(--spacing-md)] flex flex-col gap-[var(--spacing-sm)]", children: [
+            { key: "editor.shortcuts.bold", combo: "⌘/Ctrl + B" },
+            { key: "editor.shortcuts.italic", combo: "⌘/Ctrl + I" },
+            { key: "editor.shortcuts.link", combo: "⌘/Ctrl + K" },
+            { key: "editor.shortcuts.undo", combo: "⌘/Ctrl + Z" },
+            { key: "editor.shortcuts.redo", combo: "⌘/Ctrl + Shift + Z" },
+            { key: "editor.shortcuts.open", combo: "⌘/Ctrl + /" }
+          ].map((v) => /* @__PURE__ */ k(
+            "li",
+            {
+              className: "flex items-center justify-between gap-[var(--spacing-md)]",
+              children: [
+                /* @__PURE__ */ i("span", { className: "text-[var(--font-size-sm)]", children: h(v.key) }),
+                /* @__PURE__ */ i(
+                  "kbd",
+                  {
+                    className: [
+                      "font-[var(--font-mono)] text-[var(--font-size-xs)]",
+                      "ps-[var(--spacing-xs)] pe-[var(--spacing-xs)]",
+                      "rounded-[var(--radius-sm)] bg-[var(--muted)]"
+                    ].join(" "),
+                    children: v.combo
+                  }
+                )
+              ]
+            },
+            v.key
+          )) })
+        ]
+      }
+    )
+  ] }) });
+}
+const Qe = ee(
+  ({
+    defaultValue: s,
+    value: d,
+    onChange: h,
+    toolbar: v = "standard",
+    placeholder: $,
+    readOnly: n = !1,
+    ariaLabel: y,
+    minHeight: D,
+    className: x
+  }, N) => {
+    const { t: o } = P(), _ = te(), l = K(
+      () => `rte-${_.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [_]
+    ), [g, R] = I(!1);
+    M(() => {
+      typeof document > "u" || R(document.documentElement.dir === "rtl");
+    }, []);
+    const [G, q] = I(!1), A = H(null), C = H(h);
+    M(() => {
+      C.current = h;
+    }, [h]);
+    const Q = K(() => {
+      const r = d ?? s ?? "";
+      return r ? j(r) : "";
+    }, [s, d]), e = ie({
+      extensions: [
+        ne.configure({
+          heading: { levels: [1, 2, 3] }
+        }),
+        ae.configure({
+          protocols: ["http", "https", "mailto", "tel"],
+          HTMLAttributes: {
+            rel: "noopener noreferrer",
+            target: "_blank"
+          },
+          validate: (r) => /^(https?:|mailto:|tel:)/i.test(r)
+        }),
+        se,
+        ce.configure({ resizable: !1 }),
+        le,
+        de,
+        ue,
+        me.configure({
+          html: !1,
+          transformPastedText: !0
+        })
+      ],
+      content: Q,
+      editable: !n,
+      immediatelyRender: !1,
+      shouldRerenderOnTransaction: !0,
+      editorProps: {
+        attributes: {
+          role: "textbox",
+          "aria-multiline": "true",
+          "aria-label": y ?? o("editor.placeholder"),
+          "data-placeholder": $ ?? o("editor.placeholder")
+        },
+        transformPastedHTML(r) {
+          return j(r);
+        },
+        handleKeyDown(r, t) {
+          return (t.metaKey || t.ctrlKey) && t.key === "/" ? (t.preventDefault(), q(!0), !0) : !1;
+        }
+      },
+      onUpdate({ editor: r }) {
+        C.current && (A.current && clearTimeout(A.current), A.current = setTimeout(() => {
+          var c, b, p;
+          const t = r.getHTML(), f = ((b = (c = r.storage.markdown) == null ? void 0 : c.getMarkdown) == null ? void 0 : b.call(c)) ?? "";
+          (p = C.current) == null || p.call(C, { html: t, markdown: f });
+        }, 100));
+      }
+    });
+    M(() => () => {
+      A.current && clearTimeout(A.current);
+    }, []), M(() => {
+      e && e.setEditable(!n);
+    }, [e, n]), M(() => {
+      if (!e || d === void 0 || e.getHTML() === d) return;
+      const t = j(d);
+      e.commands.setContent(t, { emitUpdate: !1 });
+    }, [e, d]), re(
+      N,
+      () => ({
+        getHTML() {
+          return (e == null ? void 0 : e.getHTML()) ?? "";
+        },
+        getMarkdown() {
+          var t, u;
+          return e ? ((u = (t = e.storage.markdown) == null ? void 0 : t.getMarkdown) == null ? void 0 : u.call(t)) ?? "" : "";
+        },
+        setContent(r) {
+          if (!e) return;
+          const t = j(r);
+          e.commands.setContent(t);
+        },
+        focus() {
+          e == null || e.commands.focus();
+        },
+        clear() {
+          e == null || e.commands.clearContent();
+        }
+      }),
+      [e]
+    );
+    const F = H([]), [L, S] = I(0), E = K(() => Pe[v], [v]), X = T(
+      (r) => (t) => {
+        F.current[r] = t;
+      },
+      []
+    ), V = T((r) => {
+      const t = F.current[r];
+      t && t.focus();
+    }, []), Z = T(
+      (r) => {
+        const t = E.length;
+        if (t === 0) return;
+        const u = g ? "ArrowLeft" : "ArrowRight", f = g ? "ArrowRight" : "ArrowLeft";
+        let c = null;
+        r.key === u ? c = (L + 1) % t : r.key === f ? c = (L - 1 + t) % t : r.key === "Home" ? c = 0 : r.key === "End" && (c = t - 1), c !== null && (r.preventDefault(), S(c), V(c));
+      },
+      [L, V, g, E.length]
+    ), Y = T(
+      (r) => {
+        if (r.preventDefault(), !e) return;
+        const t = e.getAttributes("link").href, u = window.prompt(o("editor.link.insert"), t ?? "");
+        if (u === null) return;
+        const f = u.trim();
+        if (f === "") {
+          e.chain().focus().unsetLink().run();
+          return;
+        }
+        /^(https?:|mailto:|tel:)/i.test(f) && e.chain().focus().extendMarkRange("link").setLink({ href: f }).run();
+      },
+      [e, o]
+    ), J = T(() => {
+      if (!e) return;
+      const r = window.prompt(o("editor.image.insert"), "");
+      if (r === null) return;
+      const t = he(r);
+      t && e.chain().focus().setImage({ src: t }).run();
+    }, [e, o]);
+    function W(r, t) {
+      if (!e) return null;
+      const u = X(t), f = {
+        tabIndex: t === L ? 0 : -1,
+        onFocus: () => S(t),
+        onKeyDown: Z
+      }, c = (a, z) => U({ pressed: a, disabled: z });
+      function b(a) {
+        return /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            ref: u,
+            ...f,
+            "aria-label": a.label,
+            "aria-pressed": a.pressed,
+            "aria-disabled": a.disabled || void 0,
+            "aria-keyshortcuts": a.shortcut,
+            title: a.label,
+            onClick: (z) => {
+              z.preventDefault(), a.disabled || a.onActivate();
+            },
+            className: c(a.pressed, a.disabled),
+            children: a.icon
+          }
+        );
+      }
+      function p(a) {
+        return /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            ref: u,
+            ...f,
+            "aria-label": a.label,
+            "aria-disabled": a.disabled || void 0,
+            "aria-keyshortcuts": a.shortcut,
+            title: a.label,
+            onClick: (z) => {
+              if (a.disabled) {
+                z.preventDefault();
+                return;
+              }
+              a.onActivate(z);
+            },
+            className: c(!1, a.disabled),
+            children: a.icon
+          }
+        );
+      }
+      switch (r) {
+        case "bold":
+          return b({
+            label: o("editor.bold"),
+            pressed: e.isActive("bold"),
+            disabled: n,
+            shortcut: "Control+B Meta+B",
+            onActivate: () => e.chain().focus().toggleBold().run(),
+            icon: /* @__PURE__ */ i(ge, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+          });
+        case "italic":
+          return b({
+            label: o("editor.italic"),
+            pressed: e.isActive("italic"),
+            disabled: n,
+            shortcut: "Control+I Meta+I",
+            onActivate: () => e.chain().focus().toggleItalic().run(),
+            icon: /* @__PURE__ */ i(Me, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+          });
+        case "link":
+          return p({
+            label: o("editor.link.insert"),
+            disabled: n,
+            shortcut: "Control+K Meta+K",
+            onActivate: Y,
+            icon: /* @__PURE__ */ i(Ae, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+          });
+        case "heading":
+          return /* @__PURE__ */ i(
+            Ue,
+            {
+              editor: e,
+              registerRef: u,
+              tabIndex: t === L ? 0 : -1,
+              onFocus: () => S(t),
+              onKeyDown: Z,
+              label: o("editor.heading"),
+              disabled: n,
+              pressed: e.isActive("heading", { level: 1 }) || e.isActive("heading", { level: 2 }) || e.isActive("heading", { level: 3 })
+            }
+          );
+        case "bulletList":
+          return b({
+            label: o("editor.list.bullet"),
+            pressed: e.isActive("bulletList"),
+            disabled: n,
+            onActivate: () => e.chain().focus().toggleBulletList().run(),
+            icon: /* @__PURE__ */ i(_e, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+          });
+        case "orderedList":
+          return b({
+            label: o("editor.list.ordered"),
+            pressed: e.isActive("orderedList"),
+            disabled: n,
+            onActivate: () => e.chain().focus().toggleOrderedList().run(),
+            icon: /* @__PURE__ */ i(Le, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+          });
+        case "quote":
+          return b({
+            label: o("editor.quote"),
+            pressed: e.isActive("blockquote"),
+            disabled: n,
+            onActivate: () => e.chain().focus().toggleBlockquote().run(),
+            icon: /* @__PURE__ */ i(He, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+          });
+        case "image":
+          return p({
+            label: o("editor.image.insert"),
+            disabled: n,
+            onActivate: J,
+            icon: /* @__PURE__ */ i(ze, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+          });
+        case "table":
+          return p({
+            label: o("editor.table.insert"),
+            disabled: n,
+            onActivate: () => e.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run(),
+            icon: /* @__PURE__ */ i(Se, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+          });
+        case "codeBlock":
+          return b({
+            label: o("editor.codeBlock"),
+            pressed: e.isActive("codeBlock"),
+            disabled: n,
+            onActivate: () => e.chain().focus().toggleCodeBlock().run(),
+            icon: /* @__PURE__ */ i(ye, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+          });
+        case "horizontalRule":
+          return p({
+            label: o("editor.horizontalRule"),
+            disabled: n,
+            onActivate: () => e.chain().focus().setHorizontalRule().run(),
+            icon: /* @__PURE__ */ i(je, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+          });
+        case "undo":
+          return p({
+            label: o("editor.undo"),
+            disabled: n || !e.can().undo(),
+            shortcut: "Control+Z Meta+Z",
+            onActivate: () => e.chain().focus().undo().run(),
+            icon: /* @__PURE__ */ i(Ke, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+          });
+        case "redo":
+          return p({
+            label: o("editor.redo"),
+            disabled: n || !e.can().redo(),
+            shortcut: "Control+Shift+Z Meta+Shift+Z",
+            onActivate: () => e.chain().focus().redo().run(),
+            icon: /* @__PURE__ */ i($e, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+          });
+        default:
+          return null;
+      }
+    }
+    const O = (() => {
+      switch (D) {
+        case "sm":
+          return "min-block-size-[8rem]";
+        case "md":
+          return "min-block-size-[16rem]";
+        case "lg":
+          return "min-block-size-[24rem]";
+        default:
+          return;
+      }
+    })();
+    return /* @__PURE__ */ k(
+      "div",
+      {
+        id: l,
+        className: [Fe(), x].filter(Boolean).join(" "),
+        dir: g ? "rtl" : void 0,
+        "data-component": "rich-text-editor",
+        children: [
+          n ? null : /* @__PURE__ */ i(
+            "div",
+            {
+              role: "toolbar",
+              "aria-label": o("editor.toolbarLabel"),
+              className: Ve({ direction: g ? "rtl" : "ltr" }),
+              children: E.map((r, t) => /* @__PURE__ */ i("span", { className: "contents", children: W(r, t) }, r))
+            }
+          ),
+          /* @__PURE__ */ i(
+            "div",
+            {
+              className: [Ze(), O].filter(Boolean).join(" "),
+              children: /* @__PURE__ */ i(oe, { editor: e })
+            }
+          ),
+          /* @__PURE__ */ i(Ge, { open: G, onOpenChange: q })
+        ]
+      }
+    );
+  }
+);
+Qe.displayName = "RichTextEditor";
+const ft = {
+  id: "rich-text-editor",
+  capabilities: ["edit_inline"],
+  state: {
+    html: {
+      type: "string",
+      description: "Sanitised HTML representation of the editor content.",
+      read: (s) => s.getHTML()
+    },
+    markdown: {
+      type: "string",
+      description: "Markdown representation of the editor content.",
+      read: (s) => s.getMarkdown()
+    }
+  },
+  actions: {
+    set_content: {
+      safety: "destructive",
+      argsType: "{ html: string }",
+      description: "Replace the editor content. Loses unsaved input.",
+      invoke: (s, d) => {
+        s.setContent(d.html);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      description: "Empty the editor. Loses unsaved input.",
+      invoke: (s) => {
+        s.clear();
+      }
+    },
+    focus: {
+      safety: "read",
+      description: "Move keyboard focus to the editor surface.",
+      invoke: (s) => {
+        s.focus();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "rich-text-editor" }
+  }
+};
+export {
+  Qe as R,
+  Ve as a,
+  Ze as e,
+  ft as r,
+  U as t,
+  Fe as w
+};
+//# sourceMappingURL=rich-text-editor.agent-BOjF4Xao.js.map