@alfadocs/ui-kit-debug 0.1.8

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

@@ -0,0 +1,835 @@
+import { jsxs as k, jsx as r } 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 se, useCallback as T } from "react";
+import { useEditor as re, EditorContent as ie } from "@tiptap/react";
+import oe from "@tiptap/starter-kit";
+import ne from "@tiptap/extension-link";
+import ae from "@tiptap/extension-image";
+import { Table as de } from "@tiptap/extension-table";
+import ce from "@tiptap/extension-table-row";
+import le 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(a) {
+  return fe.sanitize(a, qe);
+}
+const Fe = B(
+  "tiptap-theme-alfadocs ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]"
+), Ve = B(
+  [
+    "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
+    "ds:bg-[var(--background)] ds:p-[var(--spacing-xs)]"
+  ].join(" "),
+  {
+    variants: {
+      direction: {
+        ltr: "",
+        rtl: "ds:flex-row-reverse"
+      }
+    },
+    defaultVariants: { direction: "ltr" }
+  }
+), U = B(
+  [
+    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:min-block-size-[var(--min-target-size)]",
+    "ds:min-inline-size-[var(--min-target-size)]",
+    "ds:gap-[var(--spacing-xs)]",
+    "ds:rounded-[var(--radius-sm)] ds:bg-transparent ds:text-[var(--foreground)]",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:hover:bg-[var(--muted)]",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[var(--ring)]",
+    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]"
+  ].join(" "),
+  {
+    variants: {
+      pressed: {
+        true: "ds:bg-[var(--muted)] ds:text-[var(--primary)]",
+        false: ""
+      },
+      disabled: {
+        true: "ds:opacity-[var(--opacity-50)] ds:cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: { pressed: !1, disabled: !1 }
+  }
+), Ze = B(
+  [
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
+    "ds:bg-[var(--background)] ds: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: a,
+  registerRef: l,
+  tabIndex: h,
+  onFocus: v,
+  onKeyDown: $,
+  label: o,
+  disabled: y,
+  pressed: D
+}) {
+  const [x, N] = I(!1), i = H(null);
+  M(() => {
+    if (!x) return;
+    function c(g) {
+      const R = g.target;
+      i.current && R && !i.current.contains(R) && N(!1);
+    }
+    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
+  }, [x]);
+  function _(c) {
+    a.chain().focus().toggleHeading({ level: c }).run(), N(!1);
+  }
+  return /* @__PURE__ */ k("div", { ref: i, className: "ds:relative ds:inline-flex", children: [
+    /* @__PURE__ */ k(
+      "button",
+      {
+        type: "button",
+        ref: l,
+        tabIndex: h,
+        onFocus: v,
+        onKeyDown: $,
+        onClick: () => {
+          y || N((c) => !c);
+        },
+        "aria-haspopup": "listbox",
+        "aria-expanded": x,
+        "aria-disabled": y || void 0,
+        "aria-label": o,
+        title: o,
+        className: U({ pressed: D, disabled: y }),
+        children: [
+          /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "ds:text-[length:var(--font-size-sm)] ds:font-semibold", children: "H" }),
+          /* @__PURE__ */ r(pe, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+        ]
+      }
+    ),
+    x && !y ? /* @__PURE__ */ r(
+      "ul",
+      {
+        role: "listbox",
+        "aria-label": o,
+        className: [
+          "ds:absolute ds:top-full ds:mt-[var(--spacing-xs)] ds:start-0 ds:z-[var(--z-dropdown)]",
+          "ds:min-inline-size-[8rem] ds:rounded-[var(--radius-md)]",
+          "ds:border ds:border-[color:var(--border)] ds:bg-[var(--background)]",
+          "ds:shadow-[var(--shadow-lg)] ds:p-[var(--spacing-xs)]"
+        ].join(" "),
+        children: [1, 2, 3].map((c) => /* @__PURE__ */ r("li", { role: "none", children: /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": a.isActive("heading", { level: c }) || void 0,
+            onClick: () => _(c),
+            className: [
+              "ds:flex ds:w-full ds:items-center",
+              "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+              "ds:min-block-size-[var(--min-target-size)]",
+              "ds:rounded-[var(--radius-sm)] ds:text-start",
+              "ds:hover:bg-[var(--muted)]",
+              "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+              "ds:focus-visible:outline-solid",
+              "ds:focus-visible:outline-[var(--ring)]",
+              "ds:forced-colors:focus-visible:outline-[CanvasText]"
+            ].join(" "),
+            children: `H${c}`
+          }
+        ) }, c))
+      }
+    ) : null
+  ] });
+}
+function Ge({ open: a, onOpenChange: l }) {
+  const { t: h } = P();
+  return /* @__PURE__ */ r(w.Root, { open: a, onOpenChange: l, children: /* @__PURE__ */ k(w.Portal, { children: [
+    /* @__PURE__ */ r(
+      w.Overlay,
+      {
+        className: [
+          "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
+          "ds:bg-[var(--background)]/[var(--opacity-70)]",
+          "ds:backdrop-blur-sm"
+        ].join(" ")
+      }
+    ),
+    /* @__PURE__ */ k(
+      w.Content,
+      {
+        className: [
+          "ds:fixed ds:z-[var(--z-modal)]",
+          "ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2",
+          "ds:w-[calc(100%-var(--spacing-lg)*2)] ds:max-w-[var(--dialog-width-md)]",
+          "ds:rounded-[var(--radius-lg)]",
+          "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
+          "ds:shadow-[var(--shadow-xl)] ds:p-[var(--spacing-lg)]",
+          "ds:focus-visible:outline-none"
+        ].join(" "),
+        children: [
+          /* @__PURE__ */ k("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-md)]", children: [
+            /* @__PURE__ */ r(
+              w.Title,
+              {
+                className: "type-title-card ds:leading-snug",
+                children: h("editor.shortcuts.title")
+              }
+            ),
+            /* @__PURE__ */ r(w.Close, { asChild: !0, children: /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                "aria-label": h("editor.shortcuts.close"),
+                className: [
+                  "ds:inline-flex ds:items-center ds:justify-center",
+                  "ds:min-block-size-[var(--min-target-size)]",
+                  "ds:min-inline-size-[var(--min-target-size)]",
+                  "ds:rounded-[var(--radius-sm)]",
+                  "ds:hover:bg-[var(--muted)]",
+                  "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+                  "ds:focus-visible:outline-solid",
+                  "ds:focus-visible:outline-[var(--ring)]",
+                  "ds:forced-colors:focus-visible:outline-[CanvasText]"
+                ].join(" "),
+                children: /* @__PURE__ */ r(be, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ r("ul", { className: "ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds: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: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-md)]",
+              children: [
+                /* @__PURE__ */ r("span", { className: "ds:text-[length:var(--font-size-sm)]", children: h(v.key) }),
+                /* @__PURE__ */ r(
+                  "kbd",
+                  {
+                    className: [
+                      "ds:font-[var(--font-mono)] ds:text-[length:var(--font-size-xs)]",
+                      "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
+                      "ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]"
+                    ].join(" "),
+                    children: v.combo
+                  }
+                )
+              ]
+            },
+            v.key
+          )) })
+        ]
+      }
+    )
+  ] }) });
+}
+const Qe = ee(
+  ({
+    defaultValue: a,
+    value: l,
+    onChange: h,
+    toolbar: v = "standard",
+    placeholder: $,
+    readOnly: o = !1,
+    ariaLabel: y,
+    minHeight: D,
+    className: x
+  }, N) => {
+    const { t: i } = P(), _ = te(), c = 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 s = l ?? a ?? "";
+      return s ? j(s) : "";
+    }, [a, l]), e = re({
+      extensions: [
+        oe.configure({
+          heading: { levels: [1, 2, 3] }
+        }),
+        ne.configure({
+          protocols: ["http", "https", "mailto", "tel"],
+          HTMLAttributes: {
+            rel: "noopener noreferrer",
+            target: "_blank"
+          },
+          validate: (s) => /^(https?:|mailto:|tel:)/i.test(s)
+        }),
+        ae,
+        de.configure({ resizable: !1 }),
+        ce,
+        le,
+        ue,
+        me.configure({
+          html: !1,
+          transformPastedText: !0
+        })
+      ],
+      content: Q,
+      editable: !o,
+      immediatelyRender: !1,
+      shouldRerenderOnTransaction: !0,
+      editorProps: {
+        attributes: {
+          role: "textbox",
+          "aria-multiline": "true",
+          "aria-label": y ?? i("editor.placeholder"),
+          "data-placeholder": $ ?? i("editor.placeholder")
+        },
+        transformPastedHTML(s) {
+          return j(s);
+        },
+        handleKeyDown(s, t) {
+          return (t.metaKey || t.ctrlKey) && t.key === "/" ? (t.preventDefault(), q(!0), !0) : !1;
+        }
+      },
+      onUpdate({ editor: s }) {
+        C.current && (A.current && clearTimeout(A.current), A.current = setTimeout(() => {
+          var d, b, p;
+          const t = s.getHTML(), f = ((b = (d = s.storage.markdown) == null ? void 0 : d.getMarkdown) == null ? void 0 : b.call(d)) ?? "";
+          (p = C.current) == null || p.call(C, { html: t, markdown: f });
+        }, 100));
+      }
+    });
+    M(() => () => {
+      A.current && clearTimeout(A.current);
+    }, []), M(() => {
+      e && e.setEditable(!o);
+    }, [e, o]), M(() => {
+      if (!e || l === void 0 || e.getHTML() === l) return;
+      const t = j(l);
+      e.commands.setContent(t, { emitUpdate: !1 });
+    }, [e, l]), se(
+      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(s) {
+          if (!e) return;
+          const t = j(s);
+          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(
+      (s) => (t) => {
+        F.current[s] = t;
+      },
+      []
+    ), V = T((s) => {
+      const t = F.current[s];
+      t && t.focus();
+    }, []), Z = T(
+      (s) => {
+        const t = E.length;
+        if (t === 0) return;
+        const u = g ? "ArrowLeft" : "ArrowRight", f = g ? "ArrowRight" : "ArrowLeft";
+        let d = null;
+        s.key === u ? d = (L + 1) % t : s.key === f ? d = (L - 1 + t) % t : s.key === "Home" ? d = 0 : s.key === "End" && (d = t - 1), d !== null && (s.preventDefault(), S(d), V(d));
+      },
+      [L, V, g, E.length]
+    ), Y = T(
+      (s) => {
+        if (s.preventDefault(), !e) return;
+        const t = e.getAttributes("link").href, u = window.prompt(i("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, i]
+    ), J = T(() => {
+      if (!e) return;
+      const s = window.prompt(i("editor.image.insert"), "");
+      if (s === null) return;
+      const t = he(s);
+      t && e.chain().focus().setImage({ src: t }).run();
+    }, [e, i]);
+    function W(s, t) {
+      if (!e) return null;
+      const u = X(t), f = {
+        tabIndex: t === L ? 0 : -1,
+        onFocus: () => S(t),
+        onKeyDown: Z
+      }, d = (n, z) => U({ pressed: n, disabled: z });
+      function b(n) {
+        return /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            ref: u,
+            ...f,
+            "aria-label": n.label,
+            "aria-pressed": n.pressed,
+            "aria-disabled": n.disabled || void 0,
+            "aria-keyshortcuts": n.shortcut,
+            title: n.label,
+            onClick: (z) => {
+              z.preventDefault(), n.disabled || n.onActivate();
+            },
+            className: d(n.pressed, n.disabled),
+            children: n.icon
+          }
+        );
+      }
+      function p(n) {
+        return /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            ref: u,
+            ...f,
+            "aria-label": n.label,
+            "aria-disabled": n.disabled || void 0,
+            "aria-keyshortcuts": n.shortcut,
+            title: n.label,
+            onClick: (z) => {
+              if (n.disabled) {
+                z.preventDefault();
+                return;
+              }
+              n.onActivate(z);
+            },
+            className: d(!1, n.disabled),
+            children: n.icon
+          }
+        );
+      }
+      switch (s) {
+        case "bold":
+          return b({
+            label: i("editor.bold"),
+            pressed: e.isActive("bold"),
+            disabled: o,
+            shortcut: "Control+B Meta+B",
+            onActivate: () => e.chain().focus().toggleBold().run(),
+            icon: /* @__PURE__ */ r(ge, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+          });
+        case "italic":
+          return b({
+            label: i("editor.italic"),
+            pressed: e.isActive("italic"),
+            disabled: o,
+            shortcut: "Control+I Meta+I",
+            onActivate: () => e.chain().focus().toggleItalic().run(),
+            icon: /* @__PURE__ */ r(Me, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+          });
+        case "link":
+          return p({
+            label: i("editor.link.insert"),
+            disabled: o,
+            shortcut: "Control+K Meta+K",
+            onActivate: Y,
+            icon: /* @__PURE__ */ r(Ae, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+          });
+        case "heading":
+          return /* @__PURE__ */ r(
+            Ue,
+            {
+              editor: e,
+              registerRef: u,
+              tabIndex: t === L ? 0 : -1,
+              onFocus: () => S(t),
+              onKeyDown: Z,
+              label: i("editor.heading"),
+              disabled: o,
+              pressed: e.isActive("heading", { level: 1 }) || e.isActive("heading", { level: 2 }) || e.isActive("heading", { level: 3 })
+            }
+          );
+        case "bulletList":
+          return b({
+            label: i("editor.list.bullet"),
+            pressed: e.isActive("bulletList"),
+            disabled: o,
+            onActivate: () => e.chain().focus().toggleBulletList().run(),
+            icon: /* @__PURE__ */ r(_e, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+          });
+        case "orderedList":
+          return b({
+            label: i("editor.list.ordered"),
+            pressed: e.isActive("orderedList"),
+            disabled: o,
+            onActivate: () => e.chain().focus().toggleOrderedList().run(),
+            icon: /* @__PURE__ */ r(Le, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+          });
+        case "quote":
+          return b({
+            label: i("editor.quote"),
+            pressed: e.isActive("blockquote"),
+            disabled: o,
+            onActivate: () => e.chain().focus().toggleBlockquote().run(),
+            icon: /* @__PURE__ */ r(He, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+          });
+        case "image":
+          return p({
+            label: i("editor.image.insert"),
+            disabled: o,
+            onActivate: J,
+            icon: /* @__PURE__ */ r(ze, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+          });
+        case "table":
+          return p({
+            label: i("editor.table.insert"),
+            disabled: o,
+            onActivate: () => e.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run(),
+            icon: /* @__PURE__ */ r(Se, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+          });
+        case "codeBlock":
+          return b({
+            label: i("editor.codeBlock"),
+            pressed: e.isActive("codeBlock"),
+            disabled: o,
+            onActivate: () => e.chain().focus().toggleCodeBlock().run(),
+            icon: /* @__PURE__ */ r(ye, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+          });
+        case "horizontalRule":
+          return p({
+            label: i("editor.horizontalRule"),
+            disabled: o,
+            onActivate: () => e.chain().focus().setHorizontalRule().run(),
+            icon: /* @__PURE__ */ r(je, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+          });
+        case "undo":
+          return p({
+            label: i("editor.undo"),
+            disabled: o || !e.can().undo(),
+            shortcut: "Control+Z Meta+Z",
+            onActivate: () => e.chain().focus().undo().run(),
+            icon: /* @__PURE__ */ r(Ke, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+          });
+        case "redo":
+          return p({
+            label: i("editor.redo"),
+            disabled: o || !e.can().redo(),
+            shortcut: "Control+Shift+Z Meta+Shift+Z",
+            onActivate: () => e.chain().focus().redo().run(),
+            icon: /* @__PURE__ */ r($e, { "aria-hidden": "true", className: "ds:block-size-4 ds: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: c,
+        className: [Fe(), x].filter(Boolean).join(" "),
+        dir: g ? "rtl" : void 0,
+        "data-component": "rich-text-editor",
+        children: [
+          o ? null : /* @__PURE__ */ r(
+            "div",
+            {
+              role: "toolbar",
+              "aria-label": i("editor.toolbarLabel"),
+              className: Ve({ direction: g ? "rtl" : "ltr" }),
+              children: E.map((s, t) => /* @__PURE__ */ r("span", { className: "ds:contents", children: W(s, t) }, s))
+            }
+          ),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: [Ze(), O].filter(Boolean).join(" "),
+              children: /* @__PURE__ */ r(ie, { editor: e })
+            }
+          ),
+          /* @__PURE__ */ r(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: (a) => a.getHTML()
+    },
+    markdown: {
+      type: "string",
+      description: "Markdown representation of the editor content.",
+      read: (a) => a.getMarkdown()
+    }
+  },
+  actions: {
+    set_content: {
+      safety: "destructive",
+      argsType: "{ html: string }",
+      description: "Replace the editor content. Loses unsaved input.",
+      invoke: (a, l) => {
+        a.setContent(l.html);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      description: "Empty the editor. Loses unsaved input.",
+      invoke: (a) => {
+        a.clear();
+      }
+    },
+    focus: {
+      safety: "read",
+      description: "Move keyboard focus to the editor surface.",
+      invoke: (a) => {
+        a.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-COSb5_2D.js.map