@alfadocs/ui-kit-debug 0.66.0 → 0.67.1

package/dist/_chunks/rich-text-editor-DAeCXiQG.js

@@ -0,0 +1,1973 @@
+import { jsx as e, jsxs as v, Fragment as Ie } from "react/jsx-runtime";
+import { useId as ie, useState as M, useRef as D, useCallback as z, useEffect as ee, Fragment as ft, forwardRef as gt, useMemo as Ge, useImperativeHandle as pt } from "react";
+import { c as $e } from "./index-D2ZczOXr.js";
+import { useTranslation as Q } from "react-i18next";
+import { SafeHtml as bt, sanitiseHtml as vt } from "../safe-html/index.js";
+import { u as yt } from "./registry-nPAVE19X.js";
+import { I as q } from "./icon-button-LqoiKcUN.js";
+import { S as wt } from "./spinner-hbwuKwMf.js";
+import { T as kt } from "./text-area-BIx0tZ05.js";
+import { E as xt } from "./editor-overlay-wYm22wZK.js";
+import { R as Ct } from "./rotate-ccw-BWANpitO.js";
+import { C as Nt } from "./check-DPdL_Sm7.js";
+import { S as Ae } from "./square-CZoGU14v.js";
+import { M as Ee } from "./mic-B4Gog3Gi.js";
+import { S as zt } from "./send-CySZIRPJ.js";
+import { S as He } from "./sparkles-CuYXqQLg.js";
+import { B as oe } from "./button-DD_0Xdmr.js";
+import { a as Tt } from "./tooltip-DvmfrNvB.js";
+import { P } from "./popover-DTbfAuR0.js";
+import { D as ke } from "./dropdown-menu-DwwPovMZ.js";
+import { D as j } from "./dialog-DMGnSelc.js";
+import { C as Le } from "./color-picker-FXpItIaF.js";
+import { T as Ce } from "./text-input-BaClJL8Y.js";
+import { C as Mt } from "./checkbox-DRcOdmXv.js";
+import { F as Rt } from "./file-upload-BosbPDb1.js";
+import { c as S } from "./createLucideIcon-CrFbzy84.js";
+import { C as _t } from "./chevron-down-BX_NP2Yh.js";
+import { I as St } from "./image-C6RM5hfF.js";
+import { C as At } from "./columns-2-BTOBZbep.js";
+import { T as Et } from "./trash-2-rPAKaRgB.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 Ht = [
+  ["rect", { width: "13", height: "7", x: "3", y: "3", rx: "1", key: "11xb64" }],
+  ["path", { d: "m22 15-3-3 3-3", key: "26chmm" }],
+  ["rect", { width: "13", height: "7", x: "3", y: "14", rx: "1", key: "k6ky7n" }]
+], It = S("between-horizontal-end", Ht);
+/**
+ * @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 $t = [
+  ["rect", { width: "13", height: "7", x: "8", y: "3", rx: "1", key: "pkso9a" }],
+  ["path", { d: "m2 9 3 3-3 3", key: "1agib5" }],
+  ["rect", { width: "13", height: "7", x: "8", y: "14", rx: "1", key: "1q5fc1" }]
+], Lt = S("between-horizontal-start", $t);
+/**
+ * @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 Ot = [
+  ["rect", { width: "7", height: "13", x: "3", y: "3", rx: "1", key: "1fdu0f" }],
+  ["path", { d: "m9 22 3-3 3 3", key: "17z65a" }],
+  ["rect", { width: "7", height: "13", x: "14", y: "3", rx: "1", key: "1squn4" }]
+], Dt = S("between-vertical-end", Ot);
+/**
+ * @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 jt = [
+  ["rect", { width: "7", height: "13", x: "3", y: "8", rx: "1", key: "1fjrkv" }],
+  ["path", { d: "m15 2-3 3-3-3", key: "1uh6eb" }],
+  ["rect", { width: "7", height: "13", x: "14", y: "8", rx: "1", key: "w3fjg8" }]
+], qt = S("between-vertical-start", jt);
+/**
+ * @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 Pt = [
+  [
+    "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" }
+  ]
+], Bt = S("bold", Pt);
+/**
+ * @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 Ft = [
+  ["path", { d: "M4 12h8", key: "17cfdx" }],
+  ["path", { d: "M4 18V6", key: "1rz3zl" }],
+  ["path", { d: "M12 18V6", key: "zqpxq5" }],
+  ["path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1", key: "9jr5yi" }]
+], Vt = S("heading-2", Ft);
+/**
+ * @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 Gt = [
+  ["path", { d: "M4 12h8", key: "17cfdx" }],
+  ["path", { d: "M4 18V6", key: "1rz3zl" }],
+  ["path", { d: "M12 18V6", key: "zqpxq5" }],
+  ["path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2", key: "68ncm8" }],
+  ["path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2", key: "1ejuhz" }]
+], Wt = S("heading-3", Gt);
+/**
+ * @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 Ut = [
+  ["path", { d: "m9 11-6 6v3h9l3-3", key: "1a3l36" }],
+  ["path", { d: "m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4", key: "14a9rk" }]
+], Xt = S("highlighter", Ut);
+/**
+ * @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 Qt = [
+  ["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" }]
+], Yt = S("italic", Qt);
+/**
+ * @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 Zt = [
+  ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
+  ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
+], Jt = S("link", Zt);
+/**
+ * @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 Kt = [
+  ["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" }]
+], er = S("list-ordered", Kt);
+/**
+ * @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 tr = [
+  ["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" }]
+], rr = S("list", tr);
+/**
+ * @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 nr = [
+  ["path", { d: "M11 7 6 2", key: "1jwth8" }],
+  ["path", { d: "M18.992 12H2.041", key: "xw1gg" }],
+  [
+    "path",
+    {
+      d: "M21.145 18.38A3.34 3.34 0 0 1 20 16.5a3.3 3.3 0 0 1-1.145 1.88c-.575.46-.855 1.02-.855 1.595A2 2 0 0 0 20 22a2 2 0 0 0 2-2.025c0-.58-.285-1.13-.855-1.595",
+      key: "1nkol4"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "m8.5 4.5 2.148-2.148a1.205 1.205 0 0 1 1.704 0l7.296 7.296a1.205 1.205 0 0 1 0 1.704l-7.592 7.592a3.615 3.615 0 0 1-5.112 0l-3.888-3.888a3.615 3.615 0 0 1 0-5.112L5.67 7.33",
+      key: "1nk1rd"
+    }
+  ]
+], or = S("paint-bucket", nr);
+/**
+ * @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 ar = [
+  ["rect", { width: "16", height: "6", x: "2", y: "2", rx: "2", key: "jcyz7m" }],
+  ["path", { d: "M10 16v-2a2 2 0 0 1 2-2h8a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2", key: "1b9h7c" }],
+  ["rect", { width: "4", height: "6", x: "8", y: "16", rx: "1", key: "d6e7yl" }]
+], ir = S("paint-roller", ar);
+/**
+ * @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 sr = [
+  [
+    "path",
+    {
+      d: "M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z",
+      key: "e79jfc"
+    }
+  ],
+  ["circle", { cx: "13.5", cy: "6.5", r: ".5", fill: "currentColor", key: "1okk4w" }],
+  ["circle", { cx: "17.5", cy: "10.5", r: ".5", fill: "currentColor", key: "f64h9f" }],
+  ["circle", { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor", key: "qy21gx" }],
+  ["circle", { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor", key: "fotxhn" }]
+], lr = S("palette", sr);
+/**
+ * @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 dr = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M14 9h1", key: "l0svgy" }],
+  ["path", { d: "M19 9h2", key: "te2zfg" }],
+  ["path", { d: "M3 9h2", key: "1h4ldw" }],
+  ["path", { d: "M9 9h1", key: "15jzuz" }]
+], cr = S("panel-top-dashed", dr);
+/**
+ * @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 ur = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M3 9h18", key: "1pudct" }]
+], mr = S("panel-top", ur);
+/**
+ * @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 hr = [
+  ["path", { d: "M13 4v16", key: "8vvj80" }],
+  ["path", { d: "M17 4v16", key: "7dpous" }],
+  ["path", { d: "M19 4H9.5a4.5 4.5 0 0 0 0 9H13", key: "sh4n9v" }]
+], fr = S("pilcrow", hr);
+/**
+ * @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 gr = [
+  [
+    "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"
+    }
+  ]
+], pr = S("quote", gr);
+/**
+ * @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 br = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M3 12h18", key: "1i2n21" }]
+], vr = S("rows-2", br);
+/**
+ * @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 yr = [
+  ["path", { d: "M16 4H9a3 3 0 0 0-2.83 4", key: "43sutm" }],
+  ["path", { d: "M14 12a4 4 0 0 1 0 8H6", key: "nlfj13" }],
+  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }]
+], wr = S("strikethrough", yr);
+/**
+ * @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 kr = [
+  ["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" }]
+], xr = S("table", kr);
+/**
+ * @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 Cr = [
+  ["path", { d: "M6 4v6a6 6 0 0 0 12 0V4", key: "9kb039" }],
+  ["line", { x1: "4", x2: "20", y1: "20", y2: "20", key: "nun2al" }]
+], Nr = S("underline", Cr);
+/**
+ * @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 zr = [
+  [
+    "path",
+    {
+      d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z",
+      key: "1ngwbx"
+    }
+  ]
+], Tr = S("wrench", zr), Mr = {
+  id: "rich-text-editor",
+  capabilities: ["edit_inline"],
+  state: {
+    html: {
+      type: "string",
+      description: "Sanitised HTML representation of the editor content.",
+      read: (n) => n.getHTML()
+    },
+    text: {
+      type: "string",
+      description: "Plain-text content of the editor (tags stripped).",
+      read: (n) => n.getText()
+    },
+    markdown: {
+      type: "string",
+      description: "Markdown representation of the editor content. The Redactor engine has no native Markdown serialiser, so this is always empty — read `html` instead.",
+      read: (n) => n.getMarkdown()
+    }
+  },
+  actions: {
+    set_content: {
+      safety: "destructive",
+      argsType: "{ html: string }",
+      description: "Replace the editor content. Loses unsaved input.",
+      invoke: (n, a) => {
+        n.setContent(a.html);
+      }
+    },
+    insert_at_cursor: {
+      safety: "destructive",
+      argsType: "{ content: string; asHtml?: boolean }",
+      description: "Insert content at the caret (replacing any selection). HTML is sanitised; pass asHtml:false for plain text. Seam for merge/template variables and AI-generated drafts.",
+      invoke: (n, a) => {
+        n.insertAtCursor(a.content, { asHtml: a.asHtml });
+      }
+    },
+    apply_format: {
+      safety: "destructive",
+      argsType: "{ format: 'bold' | 'italic' | 'strikethrough' | 'bulletedList' | 'numberedList' | 'heading' | 'quote' | 'paragraph' }",
+      description: "Toggle/apply a block or inline format on the current selection (bold, italic, strikethrough, bulleted/numbered list, heading, quote, paragraph).",
+      invoke: (n, a) => {
+        n.applyFormat(a.format);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      description: "Empty the editor. Loses unsaved input.",
+      invoke: (n) => {
+        n.clear();
+      }
+    },
+    focus: {
+      safety: "read",
+      description: "Move keyboard focus to the editor surface.",
+      invoke: (n) => {
+        n.focus();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "rich-text-editor" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, Rr = "ds:aria-pressed:!bg-[var(--destructive)] ds:aria-pressed:!text-[var(--destructive-foreground)]", _r = "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]", Sr = "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--destructive)]", We = [
+  "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
+  "ds:bg-[color-mix(in_srgb,var(--background)_70%,transparent)]",
+  "ds:p-[var(--spacing-sm)] ds:[max-block-size:10rem] ds:overflow-y-auto",
+  "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--foreground)]"
+].join(" ");
+function Ue(n, a) {
+  return a ? n ? /\s$/.test(n) ? `${n}${a}` : `${n} ${a}` : a : n;
+}
+function Ar({
+  open: n,
+  onClose: a,
+  onRequestAiDraft: c,
+  onInsert: s,
+  previewAsHtml: l = !0,
+  privacyNotice: h,
+  onDictate: f
+}) {
+  const { t: i } = Q(), p = ie(), y = ie(), [T, I] = M(""), [A, k] = M(!1), [$, u] = M(!1), [m, b] = M(null), H = D(null), [R, E] = M(!1), [J, C] = M(""), [L, Y] = M(""), G = D(null), x = z(() => {
+    var N;
+    (N = G.current) == null || N.abort();
+  }, []), B = z(() => {
+    if (!f) return;
+    const N = new AbortController();
+    G.current = N, E(!0), C(""), Y(i("editor.ai.listening")), f({
+      signal: N.signal,
+      onPartialTranscript: (O) => {
+        N.signal.aborted || C(O);
+      },
+      onFinalTranscript: (O) => {
+        if (N.signal.aborted) return;
+        const te = O.trim();
+        C(""), te && (I((V) => Ue(V, te)), Y(te));
+      }
+    }).catch(() => {
+    }).finally(() => {
+      C(""), G.current === N && (G.current = null, E(!1), Y(""));
+    });
+  }, [f, i]), F = z(() => {
+    R ? x() : B();
+  }, [R, B, x]);
+  ee(() => {
+    var N, O;
+    n ? (I(""), k(!1), u(!1), b(null), C(""), Y("")) : ((N = H.current) == null || N.abort(), H.current = null, (O = G.current) == null || O.abort());
+  }, [n]), ee(
+    () => () => {
+      var N, O;
+      (N = H.current) == null || N.abort(), (O = G.current) == null || O.abort();
+    },
+    []
+  );
+  const se = z(() => {
+    var te;
+    const N = T.trim();
+    if (!N || A) return;
+    x(), (te = H.current) == null || te.abort();
+    const O = new AbortController();
+    H.current = O, u(!1), k(!0), c({ prompt: N, signal: O.signal }).then((V) => {
+      O.signal.aborted || (b(V), k(!1));
+    }).catch((V) => {
+      O.signal.aborted || V && typeof V == "object" && "name" in V && V.name === "AbortError" || (u(!0), k(!1));
+    });
+  }, [T, A, c, x]), he = z(() => {
+    m != null && (s(m), a());
+  }, [m, s, a]), W = m != null, fe = R ? Ue(T, J) : T;
+  return /* @__PURE__ */ e(
+    xt,
+    {
+      open: n,
+      onClose: a,
+      title: /* @__PURE__ */ v("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ e(He, { "aria-hidden": "true", className: "ds:size-4" }),
+        i("editor.ai.dialogTitle")
+      ] }),
+      ariaLabel: i("editor.ai.dialogTitle"),
+      children: W ? /* @__PURE__ */ v("div", { className: "ds:flex ds:items-end ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ e("div", { className: "ds:min-w-0 ds:flex-1", children: l ? /* @__PURE__ */ e(
+          bt,
+          {
+            html: m,
+            profile: "rich-text",
+            className: We,
+            tabIndex: 0,
+            "aria-label": i("editor.ai.dialogTitle")
+          }
+        ) : (
+          // Focusable so a keyboard user can scroll a long draft preview
+          // (mirrors the SafeHtml preview branch above). The lint rule's
+          // tabIndex allowlist doesn't cover a scrollable, non-interactive
+          // text region.
+          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+          /* @__PURE__ */ e("p", { className: We, tabIndex: 0, children: m })
+        ) }),
+        /* @__PURE__ */ e(
+          q,
+          {
+            size: "sm",
+            intent: "ghost",
+            className: "ds:rounded-full",
+            icon: /* @__PURE__ */ e(Ct, {}),
+            "aria-label": i("editor.ai.retry"),
+            onClick: () => b(null)
+          }
+        ),
+        /* @__PURE__ */ e(
+          q,
+          {
+            size: "sm",
+            intent: "primary",
+            className: "ds:rounded-full",
+            icon: /* @__PURE__ */ e(Nt, {}),
+            "aria-label": i("common.confirm"),
+            onClick: he
+          }
+        )
+      ] }) : /* @__PURE__ */ v(Ie, { children: [
+        /* @__PURE__ */ v("div", { className: "ds:flex ds:items-end ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ e("div", { className: "ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ e(
+            kt,
+            {
+              id: p,
+              size: "md",
+              value: fe,
+              onChange: (N) => I(N.target.value),
+              placeholder: i("editor.ai.promptPlaceholder"),
+              "aria-label": i("editor.ai.promptLabel"),
+              autoResize: !0,
+              minRows: 1,
+              maxRows: 3,
+              readOnly: R,
+              tone: $ ? "error" : "default",
+              "aria-describedby": $ ? y : void 0
+            }
+          ) }),
+          f ? /* @__PURE__ */ e(
+            q,
+            {
+              size: "sm",
+              intent: "ghost",
+              className: R ? Rr : void 0,
+              icon: R ? /* @__PURE__ */ e(Ae, { className: "ds:fill-current" }) : /* @__PURE__ */ e(Ee, {}),
+              "aria-pressed": R,
+              "aria-label": i(R ? "editor.ai.dictateStop" : "editor.ai.dictateStart"),
+              onClick: F
+            }
+          ) : null,
+          /* @__PURE__ */ e(
+            q,
+            {
+              size: "sm",
+              intent: "primary",
+              icon: A ? /* @__PURE__ */ e(wt, { size: "sm", variant: "pulse" }) : /* @__PURE__ */ e(zt, {}),
+              className: "ds:rounded-full",
+              disabled: A || !T.trim(),
+              "aria-busy": A || void 0,
+              "aria-label": i("editor.ai.generate"),
+              onClick: se
+            }
+          )
+        ] }),
+        f ? /* @__PURE__ */ e("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: L }) : null,
+        $ ? /* @__PURE__ */ e("p", { id: y, role: "alert", className: Sr, children: i("editor.ai.error") }) : h ? /* @__PURE__ */ e("p", { className: _r, children: h }) : null
+      ] })
+    }
+  );
+}
+const Er = {
+  bold: {
+    id: "bold",
+    icon: /* @__PURE__ */ e(Bt, {}),
+    label: ["editor.bold", "Bold"],
+    command: ["module.inline.format", { tag: "b" }],
+    toggle: "bold"
+  },
+  italic: {
+    id: "italic",
+    icon: /* @__PURE__ */ e(Yt, {}),
+    label: ["editor.italic", "Italic"],
+    command: ["module.inline.format", { tag: "i" }],
+    toggle: "italic"
+  },
+  underline: {
+    id: "underline",
+    icon: /* @__PURE__ */ e(Nr, {}),
+    label: ["editor.underline", "Underline"],
+    command: ["module.inline.format", { tag: "u" }],
+    toggle: "underline"
+  },
+  strike: {
+    id: "strike",
+    icon: /* @__PURE__ */ e(wr, {}),
+    label: ["editor.strike", "Strikethrough"],
+    command: ["module.inline.format", { tag: "del" }],
+    toggle: "strike"
+  },
+  ul: {
+    id: "ul",
+    icon: /* @__PURE__ */ e(rr, {}),
+    label: ["editor.list.bullet", "Bulleted list"],
+    command: ["module.list.toggle", "ul"],
+    toggle: "ul"
+  },
+  ol: {
+    id: "ol",
+    icon: /* @__PURE__ */ e(er, {}),
+    label: ["editor.list.ordered", "Numbered list"],
+    command: ["module.list.toggle", "ol"],
+    toggle: "ol"
+  }
+}, _e = [
+  {
+    id: "paragraph",
+    tag: "p",
+    icon: /* @__PURE__ */ e(fr, {}),
+    label: ["editor.paragraph", "Paragraph"]
+  },
+  {
+    id: "h2",
+    tag: "h2",
+    icon: /* @__PURE__ */ e(Vt, {}),
+    label: ["editor.heading2", "Heading 2"]
+  },
+  {
+    id: "h3",
+    tag: "h3",
+    icon: /* @__PURE__ */ e(Wt, {}),
+    label: ["editor.heading3", "Heading 3"]
+  },
+  {
+    id: "quote",
+    tag: "blockquote",
+    icon: /* @__PURE__ */ e(pr, {}),
+    label: ["editor.quote", "Quote"]
+  }
+], Hr = {
+  minimal: ["bold", "italic", "link"],
+  standard: [
+    "format",
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "ul",
+    "ol",
+    "link"
+  ],
+  full: ["format", "bold", "italic", "underline", "strike", "ul", "ol", "link"]
+}, Ye = [
+  {
+    id: "rowAbove",
+    command: "plugin.table.addRowAbove",
+    icon: /* @__PURE__ */ e(Lt, {}),
+    label: ["editor.table.rowAbove", "Add row above"]
+  },
+  {
+    id: "rowBelow",
+    command: "plugin.table.addRowBelow",
+    icon: /* @__PURE__ */ e(It, {}),
+    label: ["editor.table.rowBelow", "Add row below"]
+  },
+  {
+    id: "colLeft",
+    command: "plugin.table.addColumnLeft",
+    icon: /* @__PURE__ */ e(qt, {}),
+    label: ["editor.table.columnLeft", "Add column left"]
+  },
+  {
+    id: "colRight",
+    command: "plugin.table.addColumnRight",
+    icon: /* @__PURE__ */ e(Dt, {}),
+    label: ["editor.table.columnRight", "Add column right"]
+  },
+  {
+    id: "addHead",
+    command: "plugin.table.addHead",
+    icon: /* @__PURE__ */ e(mr, {}),
+    label: ["editor.table.addHeader", "Add header row"]
+  },
+  {
+    id: "deleteHead",
+    command: "plugin.table.deleteHead",
+    icon: /* @__PURE__ */ e(cr, {}),
+    label: ["editor.table.deleteHeader", "Remove header row"]
+  },
+  {
+    id: "deleteRow",
+    command: "plugin.table.deleteRow",
+    icon: /* @__PURE__ */ e(vr, {}),
+    label: ["editor.table.deleteRow", "Delete row"]
+  },
+  {
+    id: "deleteColumn",
+    command: "plugin.table.deleteColumn",
+    icon: /* @__PURE__ */ e(At, {}),
+    label: ["editor.table.deleteColumn", "Delete column"]
+  },
+  {
+    id: "deleteTable",
+    command: "plugin.table.deleteTable",
+    icon: /* @__PURE__ */ e(Et, {}),
+    label: ["editor.table.deleteTable", "Delete table"]
+  }
+], xe = 6, Ir = $e(
+  [
+    "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)]",
+    "ds:shadow-[var(--shadow-md)]"
+  ].join(" ")
+), Ze = "ds:self-stretch ds:[inline-size:var(--border-width-sm)] ds:bg-[var(--border)] ds:[margin-inline:var(--spacing-2xs)]", me = "ds:text-[length:var(--font-size-sm)] ds:font-medium ds:text-[color:var(--foreground)]";
+function Ne(n) {
+  return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function $r({
+  run: n,
+  active: a,
+  onTriggerDown: c
+}) {
+  const { t: s } = Q(), l = _e.find((h) => a.has(h.id)) ?? _e[0];
+  return /* @__PURE__ */ v(ke.Root, { children: [
+    /* @__PURE__ */ e(ke.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+      oe,
+      {
+        size: "sm",
+        intent: "ghost",
+        startIcon: l.icon,
+        endIcon: /* @__PURE__ */ e(_t, {}),
+        "aria-label": s("editor.format", "Paragraph style"),
+        onMouseDown: c,
+        children: s(l.label[0], l.label[1])
+      }
+    ) }),
+    /* @__PURE__ */ e(ke.Content, { align: "start", children: _e.map((h) => /* @__PURE__ */ e(
+      ke.Item,
+      {
+        startIcon: h.icon,
+        onSelect: () => n("module.block.format", { tag: h.tag }),
+        children: s(h.label[0], h.label[1])
+      },
+      h.id
+    )) })
+  ] });
+}
+function Lr({
+  insertHtml: n,
+  saveSelection: a,
+  restoreSelection: c,
+  getSelectedText: s
+}) {
+  const { t: l } = Q(), [h, f] = M(!1), [i, p] = M(""), [y, T] = M(""), [I, A] = M(!1), k = ie(), $ = ie(), u = () => {
+    p(""), T(""), A(!1);
+  }, m = () => {
+    const b = i.trim();
+    if (!b) return;
+    const H = y.trim() || b, R = I ? ' target="_blank" rel="noopener noreferrer"' : "", E = `<a href="${Ne(b)}"${R}>${Ne(H)}</a>`;
+    f(!1), u(), window.requestAnimationFrame(() => {
+      c(), n(E);
+    });
+  };
+  return /* @__PURE__ */ v(j.Root, { open: h, onOpenChange: f, children: [
+    /* @__PURE__ */ e(j.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+      q,
+      {
+        size: "sm",
+        intent: "ghost",
+        icon: /* @__PURE__ */ e(Jt, {}),
+        "aria-label": l("editor.link.insert", "Insert link"),
+        onMouseDown: () => {
+          a(), T(s());
+        }
+      }
+    ) }),
+    /* @__PURE__ */ v(j.Content, { children: [
+      /* @__PURE__ */ e(j.Header, { children: /* @__PURE__ */ e(j.Title, { children: l("editor.link.insert", "Insert link") }) }),
+      /* @__PURE__ */ v(j.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+        /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ e("label", { htmlFor: k, className: me, children: l("editor.link.url", "URL") }),
+          /* @__PURE__ */ e(
+            Ce,
+            {
+              id: k,
+              type: "url",
+              value: i,
+              onChange: (b) => p(b.target.value),
+              placeholder: "https://…"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ e("label", { htmlFor: $, className: me, children: l("editor.link.text", "Text to display") }),
+          /* @__PURE__ */ e(
+            Ce,
+            {
+              id: $,
+              value: y,
+              onChange: (b) => T(b.target.value),
+              placeholder: l("editor.link.textPlaceholder", "Link text")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          Mt,
+          {
+            checked: I,
+            onCheckedChange: (b) => A(b === !0),
+            label: l("editor.link.newTab", "Open in new tab")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ v(j.Footer, { children: [
+        /* @__PURE__ */ e(j.Close, { asChild: !0, children: /* @__PURE__ */ e(oe, { intent: "secondary", children: l("common.cancel") }) }),
+        /* @__PURE__ */ e(oe, { onClick: m, disabled: !i.trim(), children: l("editor.link.insertAction", "Insert") })
+      ] })
+    ] })
+  ] });
+}
+function Or({
+  insertHtml: n,
+  saveSelection: a,
+  restoreSelection: c,
+  uploadImage: s
+}) {
+  const { t: l } = Q(), [h, f] = M(!1), [i, p] = M(""), [y, T] = M(""), I = ie(), A = ie(), k = (u, m) => {
+    const b = `<img src="${Ne(u)}" alt="${Ne(m)}" loading="lazy">`;
+    f(!1), p(""), T(""), window.requestAnimationFrame(() => {
+      c(), n(b);
+    });
+  }, $ = () => {
+    const u = i.trim();
+    u && k(u, y.trim());
+  };
+  return /* @__PURE__ */ v(j.Root, { open: h, onOpenChange: f, children: [
+    /* @__PURE__ */ e(j.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+      q,
+      {
+        size: "sm",
+        intent: "ghost",
+        icon: /* @__PURE__ */ e(St, {}),
+        "aria-label": l("editor.image.insert", "Insert image"),
+        onMouseDown: () => a()
+      }
+    ) }),
+    /* @__PURE__ */ v(j.Content, { children: [
+      /* @__PURE__ */ e(j.Header, { children: /* @__PURE__ */ e(j.Title, { children: l("editor.image.insert", "Insert image") }) }),
+      /* @__PURE__ */ v(j.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+        s ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ e("span", { className: me, children: l("editor.image.upload", "Upload") }),
+          /* @__PURE__ */ e(
+            Rt,
+            {
+              variant: "dropzone",
+              accept: {
+                "image/*": [".png", ".jpg", ".jpeg", ".gif", ".webp", ".svg"]
+              },
+              maxFiles: 1,
+              onUpload: async (u, { signal: m }) => {
+                const b = await s(u, m);
+                k(b, u.name);
+              }
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]", children: l("editor.image.orUrl", "Or paste an image URL") })
+        ] }) : null,
+        /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ e("label", { htmlFor: I, className: me, children: l("editor.image.url", "Image URL") }),
+          /* @__PURE__ */ e(
+            Ce,
+            {
+              id: I,
+              type: "url",
+              value: i,
+              onChange: (u) => p(u.target.value),
+              placeholder: "https://…"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ e("label", { htmlFor: A, className: me, children: l("editor.image.alt", "Alt text") }),
+          /* @__PURE__ */ e(
+            Ce,
+            {
+              id: A,
+              value: y,
+              onChange: (u) => T(u.target.value),
+              placeholder: l(
+                "editor.image.altPlaceholder",
+                "Describe the image"
+              )
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ v(j.Footer, { children: [
+        /* @__PURE__ */ e(j.Close, { asChild: !0, children: /* @__PURE__ */ e(oe, { intent: "secondary", children: l("common.cancel") }) }),
+        /* @__PURE__ */ e(oe, { onClick: $, disabled: !i.trim(), children: l("editor.image.insertAction", "Insert") })
+      ] })
+    ] })
+  ] });
+}
+function Dr({
+  run: n,
+  saveSelection: a,
+  restoreSelection: c
+}) {
+  const { t: s } = Q(), [l, h] = M("#1f2a5c"), f = (p) => {
+    h(p), c(), n("module.inline.format", {
+      tag: "span",
+      style: { color: p },
+      type: "toggle"
+    });
+  }, i = () => {
+    c(), n("module.inline.remove", { style: "color" });
+  };
+  return /* @__PURE__ */ v(P, { onOpenChange: (p) => p && a(), children: [
+    /* @__PURE__ */ e(P.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+      q,
+      {
+        size: "sm",
+        intent: "ghost",
+        icon: /* @__PURE__ */ e(lr, {}),
+        "aria-label": s("editor.textColor", "Text colour"),
+        onMouseDown: (p) => {
+          p.preventDefault(), a();
+        }
+      }
+    ) }),
+    /* @__PURE__ */ v(P.Content, { side: "bottom", align: "start", children: [
+      /* @__PURE__ */ e(P.Heading, { children: s("editor.textColor", "Text colour") }),
+      /* @__PURE__ */ e("div", { className: "ds:pt-[var(--spacing-sm)]", children: /* @__PURE__ */ e(
+        Le,
+        {
+          variant: "inline",
+          size: "sm",
+          value: l,
+          onChange: f
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { className: "ds:mt-[var(--spacing-sm)] ds:flex ds:items-center ds:justify-end", children: /* @__PURE__ */ e(oe, { size: "sm", intent: "secondary", onClick: i, children: s("editor.color.remove", "Remove colour") }) })
+    ] })
+  ] });
+}
+function jr({
+  run: n,
+  saveSelection: a,
+  restoreSelection: c
+}) {
+  const { t: s } = Q(), [l, h] = M("#fff3a3"), f = (p) => {
+    h(p), c(), n("module.inline.format", {
+      tag: "span",
+      style: { "background-color": p },
+      type: "toggle"
+    });
+  }, i = () => {
+    c(), n("module.inline.remove", { style: "background-color" });
+  };
+  return /* @__PURE__ */ v(P, { onOpenChange: (p) => p && a(), children: [
+    /* @__PURE__ */ e(P.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+      q,
+      {
+        size: "sm",
+        intent: "ghost",
+        icon: /* @__PURE__ */ e(Xt, {}),
+        "aria-label": s("editor.highlightColor", "Highlight"),
+        onMouseDown: (p) => {
+          p.preventDefault(), a();
+        }
+      }
+    ) }),
+    /* @__PURE__ */ v(P.Content, { side: "bottom", align: "start", children: [
+      /* @__PURE__ */ e(P.Heading, { children: s("editor.highlightColor", "Highlight") }),
+      /* @__PURE__ */ e("div", { className: "ds:pt-[var(--spacing-sm)]", children: /* @__PURE__ */ e(
+        Le,
+        {
+          variant: "inline",
+          size: "sm",
+          value: l,
+          onChange: f
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { className: "ds:mt-[var(--spacing-sm)] ds:flex ds:items-center ds:justify-end", children: /* @__PURE__ */ e(oe, { size: "sm", intent: "secondary", onClick: i, children: s("editor.highlight.remove", "Remove highlight") }) })
+    ] })
+  ] });
+}
+function qr(n, a) {
+  const c = Array.from({ length: a }, () => "<td><br></td>").join("");
+  return `<table><tbody>${Array.from({ length: n }, () => `<tr>${c}</tr>`).join("")}</tbody></table>`;
+}
+function Pr({
+  run: n,
+  insertTable: a,
+  active: c
+}) {
+  const { t: s } = Q(), [l, h] = M({ r: 0, c: 0 }), f = c.has("table");
+  return /* @__PURE__ */ v(P, { onOpenChange: (i) => !i && h({ r: 0, c: 0 }), children: [
+    /* @__PURE__ */ e(P.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+      q,
+      {
+        size: "sm",
+        intent: "ghost",
+        icon: /* @__PURE__ */ e(xr, {}),
+        "aria-label": s("editor.table.insert", "Insert table"),
+        onMouseDown: (i) => i.preventDefault()
+      }
+    ) }),
+    /* @__PURE__ */ e(P.Content, { side: "bottom", align: "start", children: f ? (
+      // Caret is already inside a table — offer the manage ops only, never
+      // a nested-table insert (mirrors Redactor's native dropdown, which
+      // disables "insert table" while the caret is in a table).
+      /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: Ye.map((i) => /* @__PURE__ */ v(
+        "button",
+        {
+          type: "button",
+          onClick: () => n(i.command),
+          className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:rounded-[var(--radius-sm)] ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-2xs)] ds:text-start ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--foreground)] ds:hover:bg-[var(--muted)]",
+          children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center ds:text-[color:var(--muted-foreground)]",
+                children: i.icon
+              }
+            ),
+            s(i.label[0], i.label[1])
+          ]
+        },
+        i.id
+      )) })
+    ) : /* @__PURE__ */ v(Ie, { children: [
+      /* @__PURE__ */ e(P.Heading, { children: s("editor.table.insert", "Insert table") }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          role: "group",
+          "aria-label": s("editor.table.sizePicker", "Table size"),
+          className: "ds:mt-[var(--spacing-sm)] ds:grid ds:w-fit ds:grid-cols-6 ds:gap-[var(--spacing-2xs)]",
+          onMouseLeave: () => h({ r: 0, c: 0 }),
+          children: Array.from({ length: xe * xe }, (i, p) => {
+            const y = Math.floor(p / xe) + 1, T = p % xe + 1, I = y <= l.r && T <= l.c;
+            return /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                "aria-label": s("editor.table.sizeCell", "{{r}}×{{c}}", {
+                  r: y,
+                  c: T
+                }),
+                onMouseEnter: () => h({ r: y, c: T }),
+                onClick: () => a(qr(y, T)),
+                className: `ds:size-5 ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ${I ? "ds:bg-[var(--primary)]" : "ds:bg-[var(--muted)]"}`
+              },
+              p
+            );
+          })
+        }
+      ),
+      /* @__PURE__ */ e("p", { className: "ds:mt-[var(--spacing-xs)] ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]", children: l.r > 0 ? s("editor.table.sizeCell", "{{r}}×{{c}}", {
+        r: l.r,
+        c: l.c
+      }) : s("editor.table.sizeHint", "Pick a size") })
+    ] }) })
+  ] });
+}
+const Br = Object.fromEntries(Ye.map((n) => [n.id, n])), Fr = [
+  "ds:absolute ds:z-20 ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
+  "ds:[inset-block-start:var(--rte-tt-top)] ds:[inset-inline-start:var(--rte-tt-start)]",
+  "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
+  "ds:bg-[var(--popover)] ds:p-[var(--spacing-2xs)] ds:shadow-[var(--shadow-lg)]"
+].join(" "), Vr = "#fde68a";
+function Xe({
+  scope: n,
+  icon: a,
+  label: c,
+  onOpenChange: s,
+  saveTableCell: l,
+  applyTableBackground: h
+}) {
+  const { t: f } = Q(), [i, p] = M(Vr);
+  return /* @__PURE__ */ v(
+    P,
+    {
+      onOpenChange: (y) => {
+        s(y), y && l();
+      },
+      children: [
+        /* @__PURE__ */ e(P.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+          q,
+          {
+            size: "sm",
+            intent: "ghost",
+            icon: a,
+            tooltip: c,
+            onMouseDown: (y) => y.preventDefault()
+          }
+        ) }),
+        /* @__PURE__ */ v(P.Content, { side: "bottom", align: "center", children: [
+          /* @__PURE__ */ e(
+            Le,
+            {
+              variant: "inline",
+              size: "sm",
+              value: i,
+              onChange: (y) => {
+                p(y), h(n, y);
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            oe,
+            {
+              size: "sm",
+              intent: "ghost",
+              className: "ds:mt-[var(--spacing-xs)] ds:w-full",
+              onClick: () => h(n, null),
+              children: f("editor.table.clearColor", "Clear colour")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function Gr({
+  active: n,
+  run: a,
+  areaRef: c,
+  getActiveTableEl: s,
+  enableColor: l = !1,
+  saveTableCell: h,
+  applyTableBackground: f
+}) {
+  const { t: i } = Q(), p = n.has("table"), [y, T] = M(null), I = D(0), [A, k] = M(!1), $ = z((m) => {
+    I.current = Math.max(
+      0,
+      I.current + (m ? 1 : -1)
+    ), k(I.current > 0);
+  }, []);
+  if (ee(() => {
+    if (A) return;
+    if (!p || typeof window > "u") {
+      T(null);
+      return;
+    }
+    const m = () => {
+      const E = c.current, J = s();
+      if (!E || !J) {
+        T(null);
+        return;
+      }
+      const C = E.getBoundingClientRect(), L = J.getBoundingClientRect(), Y = getComputedStyle(E).direction === "rtl", G = Math.max(0, L.top - C.top - 44), x = Y ? C.right - L.right + L.width / 2 : L.left - C.left + L.width / 2;
+      T({ top: G, start: Math.max(0, x), rtl: Y });
+    };
+    m();
+    const b = new ResizeObserver(m), H = c.current, R = s();
+    return H && b.observe(H), R && b.observe(R), window.addEventListener("scroll", m, !0), window.addEventListener("resize", m), () => {
+      b.disconnect(), window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m);
+    };
+  }, [p, A, c, s]), !p && !A || !y) return null;
+  const u = [
+    ["rowAbove", "rowBelow"],
+    ["colLeft", "colRight"],
+    ["addHead"],
+    ...l ? ["colour"] : [],
+    ["deleteRow", "deleteColumn"],
+    ["deleteTable"]
+  ];
+  return (
+    // Tooltips disambiguate the icon-only ops on hover (and provide each
+    // button's accessible name via IconButton's `tooltip` prop). Radix Tooltip
+    // needs a provider ancestor, so scope one to the bar.
+    /* @__PURE__ */ e(Tt, { children: /* @__PURE__ */ e(
+      "div",
+      {
+        role: "group",
+        "aria-label": i("editor.table.toolbar", "Table tools"),
+        className: `${Fr} ${y.rtl ? "ds:translate-x-1/2" : "ds:-translate-x-1/2"}`,
+        style: {
+          "--rte-tt-top": `${y.top}px`,
+          "--rte-tt-start": `${y.start}px`
+        },
+        children: u.map((m, b) => /* @__PURE__ */ v(ft, { children: [
+          b > 0 ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: Ze }) : null,
+          m === "colour" ? /* @__PURE__ */ v(Ie, { children: [
+            /* @__PURE__ */ e(
+              Xe,
+              {
+                scope: "cell",
+                icon: /* @__PURE__ */ e(or, {}),
+                label: i("editor.table.cellColor", "Cell colour"),
+                onOpenChange: $,
+                saveTableCell: h,
+                applyTableBackground: f
+              }
+            ),
+            /* @__PURE__ */ e(
+              Xe,
+              {
+                scope: "row",
+                icon: /* @__PURE__ */ e(ir, {}),
+                label: i("editor.table.rowColor", "Row colour"),
+                onOpenChange: $,
+                saveTableCell: h,
+                applyTableBackground: f
+              }
+            )
+          ] }) : m.map((H) => {
+            const R = Br[H];
+            return /* @__PURE__ */ e(
+              q,
+              {
+                size: "sm",
+                intent: "ghost",
+                icon: R.icon,
+                tooltip: i(R.label[0], R.label[1]),
+                onMouseDown: (E) => E.preventDefault(),
+                onClick: () => a(R.command)
+              },
+              H
+            );
+          })
+        ] }, m === "colour" ? "colour" : m[0]))
+      }
+    ) })
+  );
+}
+function Wr({
+  run: n,
+  active: a,
+  preset: c,
+  insertHtml: s,
+  insertTable: l,
+  saveSelection: h,
+  restoreSelection: f,
+  getSelectedText: i,
+  uploadImage: p,
+  enableColor: y = !1,
+  enableImage: T = !1,
+  enableTable: I = !1,
+  showExtensions: A = !1
+}) {
+  const { t: k } = Q(), $ = (C) => C.preventDefault(), u = (C) => Hr[c].includes(C), m = (C) => {
+    if (!u(C)) return null;
+    const L = Er[C];
+    return /* @__PURE__ */ e(
+      q,
+      {
+        size: "sm",
+        intent: "ghost",
+        icon: L.icon,
+        "aria-label": k(L.label[0], L.label[1]),
+        "aria-pressed": L.toggle ? a.has(L.toggle) : void 0,
+        onMouseDown: $,
+        onClick: () => n(...L.command)
+      },
+      L.id
+    );
+  }, b = () => /* @__PURE__ */ e("span", { "aria-hidden": "true", className: Ze }), H = u("format"), R = u("bold") || u("italic") || u("underline") || u("strike") || y, E = u("ul") || u("ol"), J = u("link") || T || I;
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      role: "group",
+      "aria-label": k("editor.toolbarLabel"),
+      className: Ir(),
+      "data-component": "editor-toolbar",
+      children: [
+        H ? /* @__PURE__ */ e($r, { run: n, active: a, onTriggerDown: $ }) : null,
+        H && R ? /* @__PURE__ */ e(b, {}) : null,
+        m("bold"),
+        m("italic"),
+        m("underline"),
+        m("strike"),
+        y ? /* @__PURE__ */ e(
+          Dr,
+          {
+            run: n,
+            saveSelection: h,
+            restoreSelection: f
+          }
+        ) : null,
+        y ? /* @__PURE__ */ e(
+          jr,
+          {
+            run: n,
+            saveSelection: h,
+            restoreSelection: f
+          }
+        ) : null,
+        (H || R) && E ? /* @__PURE__ */ e(b, {}) : null,
+        m("ul"),
+        m("ol"),
+        (H || R || E) && J ? /* @__PURE__ */ e(b, {}) : null,
+        u("link") ? /* @__PURE__ */ e(
+          Lr,
+          {
+            insertHtml: s,
+            saveSelection: h,
+            restoreSelection: f,
+            getSelectedText: i
+          }
+        ) : null,
+        T ? /* @__PURE__ */ e(
+          Or,
+          {
+            insertHtml: s,
+            saveSelection: h,
+            restoreSelection: f,
+            uploadImage: p
+          }
+        ) : null,
+        I ? /* @__PURE__ */ e(Pr, { run: n, insertTable: l, active: a }) : null,
+        A && (H || R || E || J) ? /* @__PURE__ */ e(b, {}) : null,
+        A ? /* @__PURE__ */ e(
+          q,
+          {
+            size: "sm",
+            intent: "ghost",
+            icon: /* @__PURE__ */ e(Tr, {}),
+            "aria-label": k("editor.extensions", "Editor extensions"),
+            disabled: !0,
+            onMouseDown: $
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function ne(n) {
+  return vt(n, "rich-text");
+}
+function Se(n = "") {
+  const a = String(n).trim();
+  if (a === "" || a === "<p><br></p>" || a === "<p>&nbsp;</p>")
+    return "";
+  const c = a.replace(/<br\s*\/?>/gi, "").replace(/&nbsp;/gi, "").replace(/<[^>]+>/g, "").trim();
+  return c === "" && /<img\b[^>]*>/i.test(a) ? a : c === "" ? "" : a;
+}
+function Ur(n) {
+  return n.replace(
+    /<img(?![^>]*\sloading=)([^>]*)>/gi,
+    '<img loading="lazy"$1>'
+  );
+}
+function Xr(n) {
+  if (!n || typeof n != "object") return;
+  const a = n, c = (s) => {
+    if (s && typeof s == "object" && "url" in s) {
+      const l = s.url;
+      return typeof l == "string" ? l : void 0;
+    }
+  };
+  return typeof a.url == "string" ? a.url : c(a.file) ?? c(a.data) ?? Object.values(a).map(c).find(Boolean);
+}
+function Qr(n) {
+  if (n) return n;
+  if (typeof window > "u") return null;
+  const a = window;
+  return a.$R ?? a.Redactor ?? null;
+}
+const Yr = {
+  bold: ["module.inline.format", { tag: "b" }],
+  italic: ["module.inline.format", { tag: "i" }],
+  strikethrough: ["module.inline.format", { tag: "del" }],
+  bulletedList: ["module.list.toggle", "ul"],
+  numberedList: ["module.list.toggle", "ol"],
+  heading: ["module.block.format", { tag: "h2" }],
+  quote: ["module.block.format", { tag: "blockquote" }],
+  paragraph: ["module.block.format", { tag: "p" }]
+}, Zr = {
+  zh: "zh_cn",
+  pt: "pt_br"
+};
+function Jr(n) {
+  const a = n.split("-")[0];
+  return Zr[a] ?? a ?? "en";
+}
+const Kr = $e(
+  "redactor-theme-alfadocs ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]"
+), en = $e(
+  [
+    "ds:block ds:[inline-size:100%]",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
+    "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
+    "ds:shadow-[var(--shadow-md)]",
+    "ds:font-[family-name:var(--font-sans)] ds:text-[length:var(--font-size-base)]",
+    "ds:p-[var(--spacing-md)] ds:[min-block-size:var(--rich-text-editor-min-block-size)]",
+    "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]"
+  ].join(" ")
+), Je = [
+  "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:text-[color:var(--primary-foreground)]",
+  "ds:transition-colors",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+  "ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[var(--primary-foreground)]",
+  "ds:focus-visible:[outline-offset:calc(var(--focus-ring-width)*-1)]"
+].join(" "), Qe = `${Je} ds:hover:bg-[color-mix(in_srgb,var(--primary-foreground)_15%,transparent)]`, tn = `${Je} ds:bg-[var(--destructive)] ds:hover:bg-[color-mix(in_srgb,var(--destructive)_88%,var(--primary-foreground))]`, rn = "ds:aria-pressed:!bg-[var(--destructive)] ds:aria-pressed:!text-[var(--destructive-foreground)]", nn = gt(
+  ({
+    id: n,
+    defaultValue: a,
+    value: c,
+    onChange: s,
+    toolbar: l = "standard",
+    placeholder: h,
+    readOnly: f = !1,
+    ariaLabel: i,
+    minHeight: p,
+    showExtensions: y,
+    className: T,
+    redactor: I,
+    options: A,
+    plugins: k,
+    lang: $,
+    imageUploadUrl: u,
+    onKeyDown: m,
+    onRequestAiDraft: b,
+    aiDraftFormat: H = "html",
+    aiPrivacyNotice: R,
+    onDictate: E
+  }, J) => {
+    const { t: C, i18n: L } = Q(), Y = ie(), G = Ge(
+      () => `rte-${Y.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [Y]
+    ), x = `#${G}`, B = D(null), F = D(null), se = D(!1), he = D(f), W = D(null), fe = D(null), [N, O] = M(!1), [te, V] = M(!1), [Oe, Ke] = M(
+      () => /* @__PURE__ */ new Set()
+    ), le = D(null), U = D(s), ge = D(m);
+    ee(() => {
+      U.current = s, ge.current = m;
+    }, [s, m]);
+    const et = D(
+      (() => {
+        const t = c ?? a ?? "";
+        return t ? ne(t) : "";
+      })()
+    ), de = z(() => {
+      var r;
+      const t = F.current;
+      if (t)
+        try {
+          const o = t(x, "source.getCode");
+          if (typeof o == "string") return o;
+        } catch {
+        }
+      return ((r = B.current) == null ? void 0 : r.value) ?? "";
+    }, [x]), K = z(
+      (t, ...r) => {
+        const o = F.current;
+        if (!o) return !1;
+        const d = he.current;
+        if (d)
+          try {
+            o(x, "disableReadOnly");
+          } catch {
+          }
+        try {
+          return o(x, t, ...r), !0;
+        } catch {
+          return !1;
+        } finally {
+          if (d)
+            try {
+              o(x, "enableReadOnly");
+            } catch {
+            }
+        }
+      },
+      [x]
+    ), ae = z(
+      (t, r) => {
+        var ue;
+        const o = (r == null ? void 0 : r.asHtml) ?? !0, d = o ? ne(t) : t;
+        if (K(o ? "insertion.insertHtml" : "insertion.insertText", d)) return;
+        const w = B.current;
+        if (!w) return;
+        const _ = w.selectionStart ?? w.value.length, X = w.selectionEnd ?? w.value.length;
+        w.value = w.value.slice(0, _) + d + w.value.slice(X);
+        const we = _ + d.length;
+        try {
+          w.setSelectionRange(we, we);
+        } catch {
+        }
+        (ue = U.current) == null || ue.call(U, { html: ne(w.value), markdown: "" });
+      },
+      [K]
+    ), ze = D(null), re = z(() => {
+      var d;
+      const t = (d = W.current) == null ? void 0 : d.querySelector(".redactor-in"), r = typeof window < "u" ? window.getSelection() : null, o = /* @__PURE__ */ new Set();
+      if (t && r && r.anchorNode && t.contains(r.anchorNode) && typeof document.queryCommandState == "function") {
+        r.rangeCount > 0 && (ze.current = r.getRangeAt(0).cloneRange());
+        try {
+          document.queryCommandState("bold") && o.add("bold"), document.queryCommandState("italic") && o.add("italic"), document.queryCommandState("underline") && o.add("underline"), document.queryCommandState("strikeThrough") && o.add("strike"), document.queryCommandState("insertUnorderedList") && o.add("ul"), document.queryCommandState("insertOrderedList") && o.add("ol");
+          const g = String(
+            document.queryCommandValue("formatBlock") || ""
+          ).toLowerCase();
+          /^h[1-6]$/.test(g) ? (o.add("heading"), o.add(g)) : g === "blockquote" ? o.add("quote") : o.add("paragraph");
+          const w = r.anchorNode.nodeType === Node.TEXT_NODE ? r.anchorNode.parentElement : r.anchorNode;
+          w && t.contains(w) && w.closest("table") && o.add("table");
+        } catch {
+        }
+      }
+      Ke(
+        (g) => g.size === o.size && [...o].every((w) => g.has(w)) ? g : o
+      );
+    }, []), pe = z(
+      (t, ...r) => {
+        K(t, ...r), typeof window < "u" ? window.requestAnimationFrame(() => re()) : re();
+      },
+      [K, re]
+    ), Te = z(
+      (t) => {
+        ae(t, { asHtml: !0 }), typeof window < "u" && window.requestAnimationFrame(() => re());
+      },
+      [ae, re]
+    ), tt = z(() => {
+      var r;
+      if (typeof window < "u") {
+        const o = (r = W.current) == null ? void 0 : r.querySelector(".redactor-in"), d = window.getSelection();
+        o && d && d.rangeCount > 0 && d.anchorNode && o.contains(d.anchorNode) && (ze.current = d.getRangeAt(0).cloneRange());
+      }
+      const t = F.current;
+      if (t)
+        try {
+          t(x, "selection.save");
+        } catch {
+        }
+    }, [x]), rt = z(() => {
+      const t = F.current;
+      if (!t) return;
+      const r = ze.current;
+      try {
+        t(x, "editor.focus");
+      } catch {
+      }
+      if (r && typeof window < "u") {
+        const o = window.getSelection();
+        if (o)
+          try {
+            o.removeAllRanges(), o.addRange(r);
+            return;
+          } catch {
+          }
+      }
+      try {
+        t(x, "selection.restore");
+      } catch {
+      }
+    }, [x]), nt = z(() => {
+      var o;
+      if (typeof window > "u") return "";
+      const t = (o = W.current) == null ? void 0 : o.querySelector(".redactor-in"), r = window.getSelection();
+      return !t || !r || !r.anchorNode || !t.contains(r.anchorNode) ? "" : r.toString();
+    }, []), ot = z(() => {
+      var g;
+      if (typeof window > "u") return null;
+      const t = (g = W.current) == null ? void 0 : g.querySelector(".redactor-in"), r = window.getSelection();
+      if (!t || !r || r.rangeCount === 0) return null;
+      const o = r.anchorNode, d = o && o.nodeType === Node.TEXT_NODE ? o.parentElement : o;
+      return !d || !t.contains(d) ? null : d.closest("table");
+    }, []), De = D(null), be = z(() => {
+      var g;
+      if (typeof window > "u") return null;
+      const t = (g = W.current) == null ? void 0 : g.querySelector(".redactor-in"), r = window.getSelection();
+      if (!t || !r || r.rangeCount === 0) return null;
+      const o = r.anchorNode, d = o && o.nodeType === Node.TEXT_NODE ? o.parentElement : o;
+      return !d || !t.contains(d) ? null : d.closest("td,th");
+    }, []), at = z(() => {
+      De.current = be();
+    }, [be]), it = z(
+      (t, r) => {
+        var w;
+        const o = De.current ?? be();
+        if (!o) return;
+        const d = t === "row" ? Array.from(((w = o.closest("tr")) == null ? void 0 : w.children) ?? [o]).filter(
+          (_) => _ instanceof HTMLElement && (_.tagName === "TD" || _.tagName === "TH")
+        ) : [o], g = F.current;
+        if (g)
+          try {
+            g(x, "module.buffer.trigger");
+          } catch {
+          }
+        for (const _ of d)
+          r ? _.style.setProperty("background-color", r) : _.style.removeProperty("background-color");
+        if (g)
+          try {
+            g(x, "broadcast", "hardsync");
+          } catch {
+          }
+        typeof window < "u" && window.requestAnimationFrame(() => re());
+      },
+      [be, x, re]
+    ), st = z(
+      (t) => {
+        var o;
+        const r = F.current;
+        if (r && typeof window < "u") {
+          const d = (o = W.current) == null ? void 0 : o.querySelector(".redactor-in"), g = window.getSelection(), w = g == null ? void 0 : g.anchorNode, _ = w && w.nodeType === Node.TEXT_NODE ? w.parentElement : w, X = _ && (d != null && d.contains(_)) ? _.closest("ul,ol") : null;
+          if (X)
+            try {
+              r(x, "caret.setAfter", X);
+            } catch {
+            }
+        }
+        Te(t), typeof window < "u" && window.requestAnimationFrame(() => {
+          var g;
+          const d = (g = W.current) == null ? void 0 : g.querySelector(".redactor-in");
+          d == null || d.querySelectorAll("table td, table th").forEach((w) => {
+            let _ = w.lastChild;
+            for (; _ && _.nodeType === Node.TEXT_NODE && !(_.textContent ?? "").trim(); ) {
+              const X = _.previousSibling;
+              w.removeChild(_), _ = X;
+            }
+          });
+        });
+      },
+      [Te, x]
+    ), lt = z(
+      async (t, r) => {
+        if (!u) throw new Error("No image upload URL configured.");
+        const o = new FormData();
+        o.append("file", t);
+        const d = await fetch(u, {
+          method: "POST",
+          body: o,
+          credentials: "same-origin",
+          signal: r
+        });
+        if (!d.ok) throw new Error(`Image upload failed (${d.status}).`);
+        const g = Xr(await d.json());
+        if (!g) throw new Error("Image upload response contained no URL.");
+        return g;
+      },
+      [u]
+    ), ce = D(null), ve = D(null), [Z, je] = M(!1), [dt, qe] = M(!1), [ct, Me] = M(""), ye = z(() => {
+      const t = ve.current;
+      t != null && t.parentNode && t.parentNode.removeChild(t), ve.current = null;
+    }, []), Pe = z((t) => {
+      var d;
+      const r = (d = W.current) == null ? void 0 : d.querySelector(
+        ".redactor-in"
+      );
+      if (!r) return;
+      let o = ve.current;
+      if (!o || !r.contains(o)) {
+        o = document.createElement("span"), o.setAttribute("data-rte-interim", ""), o.setAttribute("contenteditable", "false");
+        const g = window.getSelection();
+        if (g && g.rangeCount > 0 && r.contains(g.anchorNode)) {
+          const w = g.getRangeAt(0);
+          w.collapse(!1), w.insertNode(o);
+        } else
+          r.appendChild(o);
+        ve.current = o;
+      }
+      o.textContent = t;
+    }, []), Be = z(() => {
+      var t;
+      (t = ce.current) == null || t.abort();
+    }, []), Fe = z(() => {
+      if (!E) return;
+      const t = new AbortController();
+      ce.current = t, qe(!1), je(!0), Me(C("editor.ai.listening")), ye(), E({
+        signal: t.signal,
+        // Interim text shows live in the editor (grey + caret); each final
+        // replaces it with committed text at the caret.
+        onPartialTranscript: (r) => {
+          t.signal.aborted || Pe(r);
+        },
+        onFinalTranscript: (r) => {
+          if (t.signal.aborted) return;
+          ye();
+          const o = r.trim();
+          o && (ae(`${o} `, { asHtml: !1 }), Me(o));
+        }
+      }).catch((r) => {
+        t.signal.aborted || r && typeof r == "object" && "name" in r && r.name === "AbortError" || qe(!0);
+      }).finally(() => {
+        ye(), ce.current === t && (ce.current = null, je(!1), Me(""));
+      });
+    }, [E, ae, ye, Pe, C]), Ve = z(() => {
+      Z ? Be() : Fe();
+    }, [Z, Fe, Be]);
+    ee(() => () => {
+      var t;
+      return (t = ce.current) == null ? void 0 : t.abort();
+    }, []), ee(() => {
+      const t = B.current;
+      if (!t) return;
+      t.value = et.current;
+      const r = Qr(I);
+      if (!r) {
+        O(!0);
+        return;
+      }
+      F.current = r;
+      const o = {
+        lang: $ ?? Jr(L.language || "en"),
+        // The kit renders its OWN toolbar (EditorToolbar) and drives Redactor
+        // via the command API, so Redactor's native toolbar is suppressed.
+        toolbar: !1,
+        plugins: k ?? [],
+        placeholder: h ?? C("editor.placeholder"),
+        toolbarFixed: !1,
+        // Platform parity (RedactorWysiwyg.js:84): no inline shortcode expansion.
+        shortcodes: !1,
+        imageEditable: !1,
+        imageResizable: !0
+      }, d = u ? { imageUpload: u } : {}, g = (A == null ? void 0 : A.callbacks) ?? {}, w = {
+        ...o,
+        ...d,
+        ...A ?? {},
+        // Re-pin safety-critical keys LAST so consumer `options` can't override
+        // the sanitising change handler, re-enable image editing, or turn off
+        // drag-resize (platform re-pins both image flags — RedactorWysiwyg.js:115-116).
+        imageEditable: !1,
+        imageResizable: !0,
+        callbacks: {
+          ...g,
+          changed(_) {
+            const X = Se(Ur(_)), we = ne(X);
+            se.current = !0, U.current && (le.current && clearTimeout(le.current), le.current = setTimeout(() => {
+              var ue;
+              (ue = U.current) == null || ue.call(U, { html: we, markdown: "" });
+            }, 100));
+          },
+          keydown(_) {
+            var X;
+            (X = ge.current) == null || X.call(ge, _);
+          },
+          observe() {
+            re();
+          }
+        }
+      };
+      try {
+        if (r(x, w), f)
+          try {
+            r(x, "enableReadOnly");
+          } catch {
+          }
+      } catch {
+        O(!0);
+      }
+      return () => {
+        le.current && clearTimeout(le.current);
+        try {
+          r(x, "destroy");
+        } catch {
+        }
+        F.current = null;
+      };
+    }, []), ee(() => {
+      if (!F.current || c === void 0) return;
+      if (se.current) {
+        se.current = !1;
+        return;
+      }
+      const t = ne(Se(c));
+      Se(de()) !== t && K("source.setCode", t);
+    }, [c, de, K]), ee(() => {
+      he.current = f;
+      const t = F.current;
+      if (t)
+        try {
+          t(x, f ? "enableReadOnly" : "disableReadOnly");
+        } catch {
+        }
+    }, [f, x]), ee(() => {
+      if (!N || c === void 0) return;
+      const t = B.current;
+      if (!t) return;
+      const r = ne(c);
+      t.value !== r && document.activeElement !== t && (t.value = r);
+    }, [N, c]);
+    const Re = Ge(
+      () => ({
+        getHTML() {
+          return de();
+        },
+        getText() {
+          return de().replace(/<[^>]*>/g, " ").replace(/&nbsp;/gi, " ").replace(/\s+/g, " ").trim();
+        },
+        getMarkdown() {
+          return "";
+        },
+        setContent(t) {
+          const r = ne(t);
+          K("source.setCode", r) || B.current && (B.current.value = r);
+        },
+        insertAtCursor: ae,
+        applyFormat(t) {
+          const r = Yr[t];
+          r && pe(...r);
+        },
+        focus() {
+          var r;
+          const t = F.current;
+          if (t)
+            try {
+              t(x, "editor.focus");
+              return;
+            } catch {
+            }
+          (r = B.current) == null || r.focus();
+        },
+        clear() {
+          K("source.setCode", "") || B.current && (B.current.value = "");
+        }
+      }),
+      [x, de, K, ae, pe]
+    );
+    pt(J, () => Re, [Re]), yt(Mr, Re, n);
+    const ut = z(
+      (t) => {
+        var r;
+        (r = U.current) == null || r.call(U, {
+          html: ne(t.target.value),
+          markdown: ""
+        });
+      },
+      []
+    ), mt = i ?? C("editor.regionLabel"), ht = h ?? C("editor.placeholder");
+    return /* @__PURE__ */ v(
+      "div",
+      {
+        ref: W,
+        className: [Kr(), T].filter(Boolean).join(" "),
+        "data-component": "rich-text-editor",
+        "data-component-id": n,
+        "data-min-height": p,
+        children: [
+          !N && !f ? /* @__PURE__ */ e(
+            Wr,
+            {
+              run: pe,
+              active: Oe,
+              preset: l,
+              insertHtml: Te,
+              insertTable: st,
+              saveSelection: tt,
+              restoreSelection: rt,
+              getSelectedText: nt,
+              uploadImage: u ? lt : void 0,
+              enableColor: (k == null ? void 0 : k.includes("fontcolor")) ?? !1,
+              enableImage: !!u,
+              enableTable: (k == null ? void 0 : k.includes("table")) ?? !1,
+              showExtensions: y
+            }
+          ) : null,
+          /* @__PURE__ */ v("div", { className: "ds:relative", ref: fe, children: [
+            /* @__PURE__ */ e(
+              "textarea",
+              {
+                ref: B,
+                id: G,
+                "aria-label": mt,
+                "aria-multiline": "true",
+                placeholder: ht,
+                onChange: N ? ut : void 0,
+                readOnly: N ? f : void 0,
+                className: N ? en() : void 0
+              }
+            ),
+            b && E ? /* @__PURE__ */ v("div", { className: "ds:absolute ds:[inset-block-end:var(--spacing-md)] ds:[inset-inline-end:var(--spacing-md)] ds:z-10 ds:flex ds:items-center ds:overflow-hidden ds:rounded-full ds:bg-[var(--primary)] ds:shadow-[var(--shadow-lg)]", children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: Ve,
+                  "aria-pressed": Z,
+                  "aria-label": C(Z ? "editor.ai.dictateStop" : "editor.ai.dictateStart"),
+                  className: Z ? tn : Qe,
+                  children: Z ? /* @__PURE__ */ e(
+                    Ae,
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:size-5 ds:fill-current"
+                    }
+                  ) : /* @__PURE__ */ e(Ee, { "aria-hidden": "true", className: "ds:size-5" })
+                }
+              ),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "ds:self-stretch ds:[inline-size:var(--border-width-sm)] ds:bg-[color-mix(in_srgb,var(--primary-foreground)_35%,transparent)]"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => V(!0),
+                  "aria-label": C("editor.ai.helpMeWrite"),
+                  className: Qe,
+                  children: /* @__PURE__ */ e(He, { "aria-hidden": "true", className: "ds:size-5" })
+                }
+              )
+            ] }) : E ? /* @__PURE__ */ e("div", { className: "ds:absolute ds:[inset-block-end:var(--spacing-md)] ds:[inset-inline-end:var(--spacing-md)] ds:z-10", children: /* @__PURE__ */ e(
+              q,
+              {
+                size: "lg",
+                intent: "primary",
+                icon: Z ? /* @__PURE__ */ e(Ae, { className: "ds:fill-current" }) : /* @__PURE__ */ e(Ee, {}),
+                "aria-pressed": Z,
+                "aria-label": C(Z ? "editor.ai.dictateStop" : "editor.ai.dictateStart"),
+                onClick: Ve,
+                className: Z ? `${rn} ds:rounded-full ds:shadow-[var(--shadow-lg)]` : "ds:rounded-full ds:shadow-[var(--shadow-lg)]"
+              }
+            ) }) : b ? /* @__PURE__ */ e("div", { className: "ds:absolute ds:[inset-block-end:var(--spacing-md)] ds:[inset-inline-end:var(--spacing-md)] ds:z-10", children: /* @__PURE__ */ e(
+              q,
+              {
+                size: "lg",
+                intent: "primary",
+                icon: /* @__PURE__ */ e(He, {}),
+                "aria-label": C("editor.ai.helpMeWrite"),
+                onClick: () => V(!0),
+                className: "ds:rounded-full ds:shadow-[var(--shadow-lg)]"
+              }
+            ) }) : null,
+            b ? /* @__PURE__ */ e(
+              Ar,
+              {
+                open: te,
+                onClose: () => V(!1),
+                onRequestAiDraft: b,
+                onInsert: (t) => ae(t, { asHtml: H !== "text" }),
+                previewAsHtml: H !== "text",
+                privacyNotice: R,
+                onDictate: E
+              }
+            ) : null,
+            !N && !f && ((k == null ? void 0 : k.includes("table")) ?? !1) ? /* @__PURE__ */ e(
+              Gr,
+              {
+                active: Oe,
+                run: pe,
+                areaRef: fe,
+                getActiveTableEl: ot,
+                enableColor: (k == null ? void 0 : k.includes("fontcolor")) ?? !1,
+                saveTableCell: at,
+                applyTableBackground: it
+              }
+            ) : null
+          ] }),
+          E ? /* @__PURE__ */ e("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: ct }) : null,
+          E && dt ? /* @__PURE__ */ e(
+            "p",
+            {
+              role: "alert",
+              className: "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--destructive)]",
+              children: C("editor.ai.dictationError")
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+nn.displayName = "RichTextEditor";
+export {
+  nn as R,
+  Mr as r,
+  Kr as w
+};
+//# sourceMappingURL=rich-text-editor-DAeCXiQG.js.map