@alfadocs/ui-kit 0.65.0 → 0.67.0

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

@@ -0,0 +1,1970 @@
+import { jsx as e, jsxs as v, Fragment as Ae } from "react/jsx-runtime";
+import { useId as ae, useState as _, useRef as D, useCallback as z, useEffect as K, Fragment as mt, forwardRef as ht, useMemo as Fe, useImperativeHandle as ft } from "react";
+import { c as He } from "./index-D2ZczOXr.js";
+import { useTranslation as X } from "react-i18next";
+import { SafeHtml as gt, sanitiseHtml as pt } from "../safe-html/index.js";
+import { u as bt } from "./registry-nPAVE19X.js";
+import { I as q } from "./icon-button-LqoiKcUN.js";
+import { S as vt } from "./spinner-hbwuKwMf.js";
+import { T as yt } from "./text-area-BIx0tZ05.js";
+import { E as wt } from "./editor-overlay-wYm22wZK.js";
+import { R as kt } from "./rotate-ccw-BWANpitO.js";
+import { C as xt } from "./check-DPdL_Sm7.js";
+import { S as _e } from "./square-CZoGU14v.js";
+import { M as Se } from "./mic-B4Gog3Gi.js";
+import { S as Ct } from "./send-CySZIRPJ.js";
+import { S as Ee } from "./sparkles-CuYXqQLg.js";
+import { B as re } from "./button-DD_0Xdmr.js";
+import { a as Nt } from "./tooltip-DvmfrNvB.js";
+import { P } from "./popover-DTbfAuR0.js";
+import { D as ye } from "./dropdown-menu-DwwPovMZ.js";
+import { D as j } from "./dialog-DMGnSelc.js";
+import { C as Ie } from "./color-picker-B7xsn6tX.js";
+import { T as ke } from "./text-input-BaClJL8Y.js";
+import { C as zt } from "./checkbox-DRcOdmXv.js";
+import { F as Tt } from "./file-upload-BosbPDb1.js";
+import { c as S } from "./createLucideIcon-CrFbzy84.js";
+import { C as Mt } from "./chevron-down-BX_NP2Yh.js";
+import { I as Rt } from "./image-C6RM5hfF.js";
+import { C as _t } from "./columns-2-BTOBZbep.js";
+import { T as St } 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 Et = [
+  ["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" }]
+], At = S("between-horizontal-end", Et);
+/**
+ * @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: "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" }]
+], It = S("between-horizontal-start", 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: "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" }]
+], Lt = S("between-vertical-end", $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: "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" }]
+], Dt = S("between-vertical-start", 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 = [
+  [
+    "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" }
+  ]
+], qt = S("bold", 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: "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" }]
+], Bt = S("heading-2", 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: "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" }]
+], Vt = S("heading-3", 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: "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" }]
+], Wt = S("highlighter", 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 = [
+  ["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" }]
+], Xt = S("italic", 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 = [
+  ["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" }]
+], Yt = S("link", 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: "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" }]
+], Jt = S("list-ordered", 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: "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" }]
+], er = S("list", 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: "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"
+    }
+  ]
+], rr = S("paint-bucket", 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 = [
+  ["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" }]
+], or = S("paint-roller", 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 = [
+  [
+    "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" }]
+], ir = S("palette", 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 = [
+  ["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" }]
+], lr = S("panel-top-dashed", 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: "M3 9h18", key: "1pudct" }]
+], cr = S("panel-top", 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 = [
+  ["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" }]
+], mr = S("pilcrow", 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: "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"
+    }
+  ]
+], fr = S("quote", 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 = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M3 12h18", key: "1i2n21" }]
+], pr = S("rows-2", 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 = [
+  ["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" }]
+], vr = S("strikethrough", 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: "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" }]
+], wr = S("table", 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: "M6 4v6a6 6 0 0 0 12 0V4", key: "9kb039" }],
+  ["line", { x1: "4", x2: "20", y1: "20", y2: "20", key: "nun2al" }]
+], xr = S("underline", 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: "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"
+    }
+  ]
+], Nr = S("wrench", Cr), zr = {
+  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."
+    }
+  }
+}, Tr = "ds:aria-pressed:!bg-[var(--destructive)] ds:aria-pressed:!text-[var(--destructive-foreground)]", Mr = "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]", Rr = "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--destructive)]", Ve = [
+  "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 Ge(n, a) {
+  return a ? n ? /\s$/.test(n) ? `${n}${a}` : `${n} ${a}` : a : n;
+}
+function _r({
+  open: n,
+  onClose: a,
+  onRequestAiDraft: c,
+  onInsert: i,
+  previewAsHtml: s = !0,
+  privacyNotice: h,
+  onDictate: g
+}) {
+  const { t: l } = X(), p = ae(), y = ae(), [T, $] = _(""), [E, k] = _(!1), [L, u] = _(!1), [m, b] = _(null), A = D(null), [M, H] = _(!1), [Z, C] = _(""), I = D(null), Q = z(() => {
+    var x;
+    (x = I.current) == null || x.abort();
+  }, []), ne = z(() => {
+    if (!g) return;
+    const x = new AbortController();
+    I.current = x, H(!0), C(""), g({
+      signal: x.signal,
+      onPartialTranscript: (O) => {
+        x.signal.aborted || C(O);
+      },
+      onFinalTranscript: (O) => {
+        if (x.signal.aborted) return;
+        const F = O.trim();
+        C(""), F && $((G) => Ge(G, F));
+      }
+    }).catch(() => {
+    }).finally(() => {
+      C(""), I.current === x && (I.current = null, H(!1));
+    });
+  }, [g]), N = z(() => {
+    M ? Q() : ne();
+  }, [M, ne, Q]);
+  K(() => {
+    var x, O;
+    n ? ($(""), k(!1), u(!1), b(null), C("")) : ((x = A.current) == null || x.abort(), A.current = null, (O = I.current) == null || O.abort());
+  }, [n]), K(
+    () => () => {
+      var x, O;
+      (x = A.current) == null || x.abort(), (O = I.current) == null || O.abort();
+    },
+    []
+  );
+  const V = z(() => {
+    var F;
+    const x = T.trim();
+    if (!x || E) return;
+    Q(), (F = A.current) == null || F.abort();
+    const O = new AbortController();
+    A.current = O, u(!1), k(!0), c({ prompt: x, signal: O.signal }).then((G) => {
+      O.signal.aborted || (b(G), k(!1));
+    }).catch((G) => {
+      O.signal.aborted || G && typeof G == "object" && "name" in G && G.name === "AbortError" || (u(!0), k(!1));
+    });
+  }, [T, E, c, Q]), B = z(() => {
+    m != null && (i(m), a());
+  }, [m, i, a]), ie = m != null, me = M ? Ge(T, Z) : T;
+  return /* @__PURE__ */ e(
+    wt,
+    {
+      open: n,
+      onClose: a,
+      title: /* @__PURE__ */ v("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ e(Ee, { "aria-hidden": "true", className: "ds:size-4" }),
+        l("editor.ai.dialogTitle")
+      ] }),
+      ariaLabel: l("editor.ai.dialogTitle"),
+      children: ie ? /* @__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: s ? /* @__PURE__ */ e(
+          gt,
+          {
+            html: m,
+            profile: "rich-text",
+            className: Ve,
+            tabIndex: 0,
+            "aria-label": l("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: Ve, tabIndex: 0, children: m })
+        ) }),
+        /* @__PURE__ */ e(
+          q,
+          {
+            size: "sm",
+            intent: "ghost",
+            className: "ds:rounded-full",
+            icon: /* @__PURE__ */ e(kt, {}),
+            "aria-label": l("editor.ai.retry"),
+            onClick: () => b(null)
+          }
+        ),
+        /* @__PURE__ */ e(
+          q,
+          {
+            size: "sm",
+            intent: "primary",
+            className: "ds:rounded-full",
+            icon: /* @__PURE__ */ e(xt, {}),
+            "aria-label": l("common.confirm"),
+            onClick: B
+          }
+        )
+      ] }) : /* @__PURE__ */ v(Ae, { 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(
+            yt,
+            {
+              id: p,
+              size: "md",
+              value: me,
+              onChange: (x) => $(x.target.value),
+              placeholder: l("editor.ai.promptPlaceholder"),
+              "aria-label": l("editor.ai.promptLabel"),
+              autoResize: !0,
+              minRows: 1,
+              maxRows: 3,
+              readOnly: M,
+              tone: L ? "error" : "default",
+              "aria-describedby": L ? y : void 0
+            }
+          ) }),
+          g ? /* @__PURE__ */ e(
+            q,
+            {
+              size: "sm",
+              intent: "ghost",
+              className: M ? Tr : void 0,
+              icon: M ? /* @__PURE__ */ e(_e, { className: "ds:fill-current" }) : /* @__PURE__ */ e(Se, {}),
+              "aria-pressed": M,
+              "aria-label": l(M ? "editor.ai.dictateStop" : "editor.ai.dictateStart"),
+              onClick: N
+            }
+          ) : null,
+          /* @__PURE__ */ e(
+            q,
+            {
+              size: "sm",
+              intent: "primary",
+              icon: E ? /* @__PURE__ */ e(vt, { size: "sm", variant: "pulse" }) : /* @__PURE__ */ e(Ct, {}),
+              className: "ds:rounded-full",
+              disabled: E || !T.trim(),
+              "aria-busy": E || void 0,
+              "aria-label": l("editor.ai.generate"),
+              onClick: V
+            }
+          )
+        ] }),
+        L ? /* @__PURE__ */ e("p", { id: y, role: "alert", className: Rr, children: l("editor.ai.error") }) : h ? /* @__PURE__ */ e("p", { className: Mr, children: h }) : null
+      ] })
+    }
+  );
+}
+const Sr = {
+  bold: {
+    id: "bold",
+    icon: /* @__PURE__ */ e(qt, {}),
+    label: ["editor.bold", "Bold"],
+    command: ["module.inline.format", { tag: "b" }],
+    toggle: "bold"
+  },
+  italic: {
+    id: "italic",
+    icon: /* @__PURE__ */ e(Xt, {}),
+    label: ["editor.italic", "Italic"],
+    command: ["module.inline.format", { tag: "i" }],
+    toggle: "italic"
+  },
+  underline: {
+    id: "underline",
+    icon: /* @__PURE__ */ e(xr, {}),
+    label: ["editor.underline", "Underline"],
+    command: ["module.inline.format", { tag: "u" }],
+    toggle: "underline"
+  },
+  strike: {
+    id: "strike",
+    icon: /* @__PURE__ */ e(vr, {}),
+    label: ["editor.strike", "Strikethrough"],
+    command: ["module.inline.format", { tag: "del" }],
+    toggle: "strike"
+  },
+  ul: {
+    id: "ul",
+    icon: /* @__PURE__ */ e(er, {}),
+    label: ["editor.list.bullet", "Bulleted list"],
+    command: ["module.list.toggle", "ul"],
+    toggle: "ul"
+  },
+  ol: {
+    id: "ol",
+    icon: /* @__PURE__ */ e(Jt, {}),
+    label: ["editor.list.ordered", "Numbered list"],
+    command: ["module.list.toggle", "ol"],
+    toggle: "ol"
+  }
+}, Me = [
+  {
+    id: "paragraph",
+    tag: "p",
+    icon: /* @__PURE__ */ e(mr, {}),
+    label: ["editor.paragraph", "Paragraph"]
+  },
+  {
+    id: "h2",
+    tag: "h2",
+    icon: /* @__PURE__ */ e(Bt, {}),
+    label: ["editor.heading2", "Heading 2"]
+  },
+  {
+    id: "h3",
+    tag: "h3",
+    icon: /* @__PURE__ */ e(Vt, {}),
+    label: ["editor.heading3", "Heading 3"]
+  },
+  {
+    id: "quote",
+    tag: "blockquote",
+    icon: /* @__PURE__ */ e(fr, {}),
+    label: ["editor.quote", "Quote"]
+  }
+], Er = {
+  minimal: ["bold", "italic", "link"],
+  standard: [
+    "format",
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "ul",
+    "ol",
+    "link"
+  ],
+  full: ["format", "bold", "italic", "underline", "strike", "ul", "ol", "link"]
+}, Xe = [
+  {
+    id: "rowAbove",
+    command: "plugin.table.addRowAbove",
+    icon: /* @__PURE__ */ e(It, {}),
+    label: ["editor.table.rowAbove", "Add row above"]
+  },
+  {
+    id: "rowBelow",
+    command: "plugin.table.addRowBelow",
+    icon: /* @__PURE__ */ e(At, {}),
+    label: ["editor.table.rowBelow", "Add row below"]
+  },
+  {
+    id: "colLeft",
+    command: "plugin.table.addColumnLeft",
+    icon: /* @__PURE__ */ e(Dt, {}),
+    label: ["editor.table.columnLeft", "Add column left"]
+  },
+  {
+    id: "colRight",
+    command: "plugin.table.addColumnRight",
+    icon: /* @__PURE__ */ e(Lt, {}),
+    label: ["editor.table.columnRight", "Add column right"]
+  },
+  {
+    id: "addHead",
+    command: "plugin.table.addHead",
+    icon: /* @__PURE__ */ e(cr, {}),
+    label: ["editor.table.addHeader", "Add header row"]
+  },
+  {
+    id: "deleteHead",
+    command: "plugin.table.deleteHead",
+    icon: /* @__PURE__ */ e(lr, {}),
+    label: ["editor.table.deleteHeader", "Remove header row"]
+  },
+  {
+    id: "deleteRow",
+    command: "plugin.table.deleteRow",
+    icon: /* @__PURE__ */ e(pr, {}),
+    label: ["editor.table.deleteRow", "Delete row"]
+  },
+  {
+    id: "deleteColumn",
+    command: "plugin.table.deleteColumn",
+    icon: /* @__PURE__ */ e(_t, {}),
+    label: ["editor.table.deleteColumn", "Delete column"]
+  },
+  {
+    id: "deleteTable",
+    command: "plugin.table.deleteTable",
+    icon: /* @__PURE__ */ e(St, {}),
+    label: ["editor.table.deleteTable", "Delete table"]
+  }
+], we = 6, Ar = He(
+  [
+    "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(" ")
+), Qe = "ds:self-stretch ds:[inline-size:var(--border-width-sm)] ds:bg-[var(--border)] ds:[margin-inline:var(--spacing-2xs)]", ue = "ds:text-[length:var(--font-size-sm)] ds:font-medium ds:text-[color:var(--foreground)]";
+function xe(n) {
+  return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function Hr({
+  run: n,
+  active: a,
+  onTriggerDown: c
+}) {
+  const { t: i } = X(), s = Me.find((h) => a.has(h.id)) ?? Me[0];
+  return /* @__PURE__ */ v(ye.Root, { children: [
+    /* @__PURE__ */ e(ye.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+      re,
+      {
+        size: "sm",
+        intent: "ghost",
+        startIcon: s.icon,
+        endIcon: /* @__PURE__ */ e(Mt, {}),
+        "aria-label": i("editor.format", "Paragraph style"),
+        onMouseDown: c,
+        children: i(s.label[0], s.label[1])
+      }
+    ) }),
+    /* @__PURE__ */ e(ye.Content, { align: "start", children: Me.map((h) => /* @__PURE__ */ e(
+      ye.Item,
+      {
+        startIcon: h.icon,
+        onSelect: () => n("module.block.format", { tag: h.tag }),
+        children: i(h.label[0], h.label[1])
+      },
+      h.id
+    )) })
+  ] });
+}
+function Ir({
+  insertHtml: n,
+  saveSelection: a,
+  restoreSelection: c,
+  getSelectedText: i
+}) {
+  const { t: s } = X(), [h, g] = _(!1), [l, p] = _(""), [y, T] = _(""), [$, E] = _(!1), k = ae(), L = ae(), u = () => {
+    p(""), T(""), E(!1);
+  }, m = () => {
+    const b = l.trim();
+    if (!b) return;
+    const A = y.trim() || b, M = $ ? ' target="_blank" rel="noopener noreferrer"' : "", H = `<a href="${xe(b)}"${M}>${xe(A)}</a>`;
+    g(!1), u(), window.requestAnimationFrame(() => {
+      c(), n(H);
+    });
+  };
+  return /* @__PURE__ */ v(j.Root, { open: h, onOpenChange: g, children: [
+    /* @__PURE__ */ e(j.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+      q,
+      {
+        size: "sm",
+        intent: "ghost",
+        icon: /* @__PURE__ */ e(Yt, {}),
+        "aria-label": s("editor.link.insert", "Insert link"),
+        onMouseDown: () => {
+          a(), T(i());
+        }
+      }
+    ) }),
+    /* @__PURE__ */ v(j.Content, { children: [
+      /* @__PURE__ */ e(j.Header, { children: /* @__PURE__ */ e(j.Title, { children: s("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: ue, children: s("editor.link.url", "URL") }),
+          /* @__PURE__ */ e(
+            ke,
+            {
+              id: k,
+              type: "url",
+              value: l,
+              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: L, className: ue, children: s("editor.link.text", "Text to display") }),
+          /* @__PURE__ */ e(
+            ke,
+            {
+              id: L,
+              value: y,
+              onChange: (b) => T(b.target.value),
+              placeholder: s("editor.link.textPlaceholder", "Link text")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          zt,
+          {
+            checked: $,
+            onCheckedChange: (b) => E(b === !0),
+            label: s("editor.link.newTab", "Open in new tab")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ v(j.Footer, { children: [
+        /* @__PURE__ */ e(j.Close, { asChild: !0, children: /* @__PURE__ */ e(re, { intent: "secondary", children: s("editor.ai.cancel", "Cancel") }) }),
+        /* @__PURE__ */ e(re, { onClick: m, disabled: !l.trim(), children: s("editor.link.insertAction", "Insert") })
+      ] })
+    ] })
+  ] });
+}
+function $r({
+  insertHtml: n,
+  saveSelection: a,
+  restoreSelection: c,
+  uploadImage: i
+}) {
+  const { t: s } = X(), [h, g] = _(!1), [l, p] = _(""), [y, T] = _(""), $ = ae(), E = ae(), k = (u, m) => {
+    const b = `<img src="${xe(u)}" alt="${xe(m)}" loading="lazy">`;
+    g(!1), p(""), T(""), window.requestAnimationFrame(() => {
+      c(), n(b);
+    });
+  }, L = () => {
+    const u = l.trim();
+    u && k(u, y.trim());
+  };
+  return /* @__PURE__ */ v(j.Root, { open: h, onOpenChange: g, children: [
+    /* @__PURE__ */ e(j.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+      q,
+      {
+        size: "sm",
+        intent: "ghost",
+        icon: /* @__PURE__ */ e(Rt, {}),
+        "aria-label": s("editor.image.insert", "Insert image"),
+        onMouseDown: () => a()
+      }
+    ) }),
+    /* @__PURE__ */ v(j.Content, { children: [
+      /* @__PURE__ */ e(j.Header, { children: /* @__PURE__ */ e(j.Title, { children: s("editor.image.insert", "Insert image") }) }),
+      /* @__PURE__ */ v(j.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+        i ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ e("span", { className: ue, children: s("editor.image.upload", "Upload") }),
+          /* @__PURE__ */ e(
+            Tt,
+            {
+              variant: "dropzone",
+              accept: {
+                "image/*": [".png", ".jpg", ".jpeg", ".gif", ".webp", ".svg"]
+              },
+              maxFiles: 1,
+              onUpload: async (u, { signal: m }) => {
+                const b = await i(u, m);
+                k(b, u.name);
+              }
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]", children: s("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: $, className: ue, children: s("editor.image.url", "Image URL") }),
+          /* @__PURE__ */ e(
+            ke,
+            {
+              id: $,
+              type: "url",
+              value: l,
+              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: E, className: ue, children: s("editor.image.alt", "Alt text") }),
+          /* @__PURE__ */ e(
+            ke,
+            {
+              id: E,
+              value: y,
+              onChange: (u) => T(u.target.value),
+              placeholder: s(
+                "editor.image.altPlaceholder",
+                "Describe the image"
+              )
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ v(j.Footer, { children: [
+        /* @__PURE__ */ e(j.Close, { asChild: !0, children: /* @__PURE__ */ e(re, { intent: "secondary", children: s("editor.ai.cancel", "Cancel") }) }),
+        /* @__PURE__ */ e(re, { onClick: L, disabled: !l.trim(), children: s("editor.link.insertAction", "Insert") })
+      ] })
+    ] })
+  ] });
+}
+function Lr({
+  run: n,
+  saveSelection: a,
+  restoreSelection: c
+}) {
+  const { t: i } = X(), [s, h] = _("#1f2a5c"), g = (p) => {
+    h(p), c(), n("module.inline.format", {
+      tag: "span",
+      style: { color: p },
+      type: "toggle"
+    });
+  }, l = () => {
+    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(ir, {}),
+        "aria-label": i("editor.textColor", "Text colour"),
+        onMouseDown: (p) => {
+          p.preventDefault(), a();
+        }
+      }
+    ) }),
+    /* @__PURE__ */ v(P.Content, { side: "bottom", align: "start", children: [
+      /* @__PURE__ */ e(P.Heading, { children: i("editor.textColor", "Text colour") }),
+      /* @__PURE__ */ e("div", { className: "ds:pt-[var(--spacing-sm)]", children: /* @__PURE__ */ e(
+        Ie,
+        {
+          variant: "inline",
+          size: "sm",
+          value: s,
+          onChange: g
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { className: "ds:mt-[var(--spacing-sm)] ds:flex ds:items-center ds:justify-end", children: /* @__PURE__ */ e(re, { size: "sm", intent: "secondary", onClick: l, children: i("editor.color.remove", "Remove colour") }) })
+    ] })
+  ] });
+}
+function Or({
+  run: n,
+  saveSelection: a,
+  restoreSelection: c
+}) {
+  const { t: i } = X(), [s, h] = _("#fff3a3"), g = (p) => {
+    h(p), c(), n("module.inline.format", {
+      tag: "span",
+      style: { "background-color": p },
+      type: "toggle"
+    });
+  }, l = () => {
+    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(Wt, {}),
+        "aria-label": i("editor.highlightColor", "Highlight"),
+        onMouseDown: (p) => {
+          p.preventDefault(), a();
+        }
+      }
+    ) }),
+    /* @__PURE__ */ v(P.Content, { side: "bottom", align: "start", children: [
+      /* @__PURE__ */ e(P.Heading, { children: i("editor.highlightColor", "Highlight") }),
+      /* @__PURE__ */ e("div", { className: "ds:pt-[var(--spacing-sm)]", children: /* @__PURE__ */ e(
+        Ie,
+        {
+          variant: "inline",
+          size: "sm",
+          value: s,
+          onChange: g
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { className: "ds:mt-[var(--spacing-sm)] ds:flex ds:items-center ds:justify-end", children: /* @__PURE__ */ e(re, { size: "sm", intent: "secondary", onClick: l, children: i("editor.highlight.remove", "Remove highlight") }) })
+    ] })
+  ] });
+}
+function Dr(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 jr({
+  run: n,
+  insertTable: a,
+  active: c
+}) {
+  const { t: i } = X(), [s, h] = _({ r: 0, c: 0 }), g = c.has("table");
+  return /* @__PURE__ */ v(P, { onOpenChange: (l) => !l && h({ r: 0, c: 0 }), children: [
+    /* @__PURE__ */ e(P.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+      q,
+      {
+        size: "sm",
+        intent: "ghost",
+        icon: /* @__PURE__ */ e(wr, {}),
+        "aria-label": i("editor.table.insert", "Insert table"),
+        onMouseDown: (l) => l.preventDefault()
+      }
+    ) }),
+    /* @__PURE__ */ e(P.Content, { side: "bottom", align: "start", children: g ? (
+      // 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: Xe.map((l) => /* @__PURE__ */ v(
+        "button",
+        {
+          type: "button",
+          onClick: () => n(l.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: l.icon
+              }
+            ),
+            i(l.label[0], l.label[1])
+          ]
+        },
+        l.id
+      )) })
+    ) : /* @__PURE__ */ v(Ae, { children: [
+      /* @__PURE__ */ e(P.Heading, { children: i("editor.table.insert", "Insert table") }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          role: "group",
+          "aria-label": i("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: we * we }, (l, p) => {
+            const y = Math.floor(p / we) + 1, T = p % we + 1, $ = y <= s.r && T <= s.c;
+            return /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                "aria-label": i("editor.table.sizeCell", "{{r}}×{{c}}", {
+                  r: y,
+                  c: T
+                }),
+                onMouseEnter: () => h({ r: y, c: T }),
+                onClick: () => a(Dr(y, T)),
+                className: `ds:size-5 ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ${$ ? "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: s.r > 0 ? i("editor.table.sizeCell", "{{r}}×{{c}}", {
+        r: s.r,
+        c: s.c
+      }) : i("editor.table.sizeHint", "Pick a size") })
+    ] }) })
+  ] });
+}
+const qr = Object.fromEntries(Xe.map((n) => [n.id, n])), Pr = [
+  "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(" "), Br = "#fde68a";
+function We({
+  scope: n,
+  icon: a,
+  label: c,
+  onOpenChange: i,
+  saveTableCell: s,
+  applyTableBackground: h
+}) {
+  const { t: g } = X(), [l, p] = _(Br);
+  return /* @__PURE__ */ v(
+    P,
+    {
+      onOpenChange: (y) => {
+        i(y), y && s();
+      },
+      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(
+            Ie,
+            {
+              variant: "inline",
+              size: "sm",
+              value: l,
+              onChange: (y) => {
+                p(y), h(n, y);
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            re,
+            {
+              size: "sm",
+              intent: "ghost",
+              className: "ds:mt-[var(--spacing-xs)] ds:w-full",
+              onClick: () => h(n, null),
+              children: g("editor.table.clearColor", "Clear colour")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function Fr({
+  active: n,
+  run: a,
+  areaRef: c,
+  getActiveTableEl: i,
+  enableColor: s = !1,
+  saveTableCell: h,
+  applyTableBackground: g
+}) {
+  const { t: l } = X(), p = n.has("table"), [y, T] = _(null), $ = D(0), [E, k] = _(!1), L = z((m) => {
+    $.current = Math.max(
+      0,
+      $.current + (m ? 1 : -1)
+    ), k($.current > 0);
+  }, []);
+  if (K(() => {
+    if (E) return;
+    if (!p || typeof window > "u") {
+      T(null);
+      return;
+    }
+    const m = () => {
+      const H = c.current, Z = i();
+      if (!H || !Z) {
+        T(null);
+        return;
+      }
+      const C = H.getBoundingClientRect(), I = Z.getBoundingClientRect(), Q = getComputedStyle(H).direction === "rtl", ne = Math.max(0, I.top - C.top - 44), N = Q ? C.right - I.right + I.width / 2 : I.left - C.left + I.width / 2;
+      T({ top: ne, start: Math.max(0, N), rtl: Q });
+    };
+    m();
+    const b = new ResizeObserver(m), A = c.current, M = i();
+    return A && b.observe(A), M && b.observe(M), window.addEventListener("scroll", m, !0), window.addEventListener("resize", m), () => {
+      b.disconnect(), window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m);
+    };
+  }, [p, E, c, i]), !p && !E || !y) return null;
+  const u = [
+    ["rowAbove", "rowBelow"],
+    ["colLeft", "colRight"],
+    ["addHead"],
+    ...s ? ["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(Nt, { children: /* @__PURE__ */ e(
+      "div",
+      {
+        role: "toolbar",
+        "aria-label": l("editor.table.toolbar", "Table tools"),
+        className: `${Pr} ${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(mt, { children: [
+          b > 0 ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: Qe }) : null,
+          m === "colour" ? /* @__PURE__ */ v(Ae, { children: [
+            /* @__PURE__ */ e(
+              We,
+              {
+                scope: "cell",
+                icon: /* @__PURE__ */ e(rr, {}),
+                label: l("editor.table.cellColor", "Cell colour"),
+                onOpenChange: L,
+                saveTableCell: h,
+                applyTableBackground: g
+              }
+            ),
+            /* @__PURE__ */ e(
+              We,
+              {
+                scope: "row",
+                icon: /* @__PURE__ */ e(or, {}),
+                label: l("editor.table.rowColor", "Row colour"),
+                onOpenChange: L,
+                saveTableCell: h,
+                applyTableBackground: g
+              }
+            )
+          ] }) : m.map((A) => {
+            const M = qr[A];
+            return /* @__PURE__ */ e(
+              q,
+              {
+                size: "sm",
+                intent: "ghost",
+                icon: M.icon,
+                tooltip: l(M.label[0], M.label[1]),
+                onMouseDown: (H) => H.preventDefault(),
+                onClick: () => a(M.command)
+              },
+              A
+            );
+          })
+        ] }, m === "colour" ? "colour" : m[0]))
+      }
+    ) })
+  );
+}
+function Vr({
+  run: n,
+  active: a,
+  preset: c,
+  insertHtml: i,
+  insertTable: s,
+  saveSelection: h,
+  restoreSelection: g,
+  getSelectedText: l,
+  uploadImage: p,
+  enableColor: y = !1,
+  enableImage: T = !1,
+  enableTable: $ = !1,
+  showExtensions: E = !1
+}) {
+  const { t: k } = X(), L = (C) => C.preventDefault(), u = (C) => Er[c].includes(C), m = (C) => {
+    if (!u(C)) return null;
+    const I = Sr[C];
+    return /* @__PURE__ */ e(
+      q,
+      {
+        size: "sm",
+        intent: "ghost",
+        icon: I.icon,
+        "aria-label": k(I.label[0], I.label[1]),
+        "aria-pressed": I.toggle ? a.has(I.toggle) : void 0,
+        onMouseDown: L,
+        onClick: () => n(...I.command)
+      },
+      I.id
+    );
+  }, b = () => /* @__PURE__ */ e("span", { "aria-hidden": "true", className: Qe }), A = u("format"), M = u("bold") || u("italic") || u("underline") || u("strike") || y, H = u("ul") || u("ol"), Z = u("link") || T || $;
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      role: "toolbar",
+      "aria-label": k("editor.toolbarLabel"),
+      className: Ar(),
+      "data-component": "editor-toolbar",
+      children: [
+        A ? /* @__PURE__ */ e(Hr, { run: n, active: a, onTriggerDown: L }) : null,
+        A && M ? /* @__PURE__ */ e(b, {}) : null,
+        m("bold"),
+        m("italic"),
+        m("underline"),
+        m("strike"),
+        y ? /* @__PURE__ */ e(
+          Lr,
+          {
+            run: n,
+            saveSelection: h,
+            restoreSelection: g
+          }
+        ) : null,
+        y ? /* @__PURE__ */ e(
+          Or,
+          {
+            run: n,
+            saveSelection: h,
+            restoreSelection: g
+          }
+        ) : null,
+        (A || M) && H ? /* @__PURE__ */ e(b, {}) : null,
+        m("ul"),
+        m("ol"),
+        (A || M || H) && Z ? /* @__PURE__ */ e(b, {}) : null,
+        u("link") ? /* @__PURE__ */ e(
+          Ir,
+          {
+            insertHtml: i,
+            saveSelection: h,
+            restoreSelection: g,
+            getSelectedText: l
+          }
+        ) : null,
+        T ? /* @__PURE__ */ e(
+          $r,
+          {
+            insertHtml: i,
+            saveSelection: h,
+            restoreSelection: g,
+            uploadImage: p
+          }
+        ) : null,
+        $ ? /* @__PURE__ */ e(jr, { run: n, insertTable: s, active: a }) : null,
+        E && (A || M || H || Z) ? /* @__PURE__ */ e(b, {}) : null,
+        E ? /* @__PURE__ */ e(
+          q,
+          {
+            size: "sm",
+            intent: "ghost",
+            icon: /* @__PURE__ */ e(Nr, {}),
+            "aria-label": k("editor.extensions", "Editor extensions"),
+            onMouseDown: L
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function te(n) {
+  return pt(n, "rich-text");
+}
+function Re(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 Gr(n) {
+  return n.replace(
+    /<img(?![^>]*\sloading=)([^>]*)>/gi,
+    '<img loading="lazy"$1>'
+  );
+}
+function Wr(n) {
+  if (!n || typeof n != "object") return;
+  const a = n, c = (i) => {
+    if (i && typeof i == "object" && "url" in i) {
+      const s = i.url;
+      return typeof s == "string" ? s : void 0;
+    }
+  };
+  return typeof a.url == "string" ? a.url : c(a.file) ?? c(a.data) ?? Object.values(a).map(c).find(Boolean);
+}
+function Ur(n) {
+  if (n) return n;
+  if (typeof window > "u") return null;
+  const a = window;
+  return a.$R ?? a.Redactor ?? null;
+}
+const Xr = {
+  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" }]
+}, Qr = {
+  zh: "zh_cn",
+  pt: "pt_br"
+};
+function Yr(n) {
+  const a = n.split("-")[0];
+  return Qr[a] ?? a ?? "en";
+}
+const Zr = He(
+  "redactor-theme-alfadocs ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]"
+), Jr = He(
+  [
+    "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(" ")
+), Ye = [
+  "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(" "), Ue = `${Ye} ds:hover:bg-[color-mix(in_srgb,var(--primary-foreground)_15%,transparent)]`, Kr = `${Ye} ds:bg-[var(--destructive)] ds:hover:bg-[color-mix(in_srgb,var(--destructive)_88%,var(--primary-foreground))]`, en = "ds:aria-pressed:!bg-[var(--destructive)] ds:aria-pressed:!text-[var(--destructive-foreground)]", tn = ht(
+  ({
+    id: n,
+    defaultValue: a,
+    value: c,
+    onChange: i,
+    toolbar: s = "standard",
+    placeholder: h,
+    readOnly: g = !1,
+    ariaLabel: l,
+    minHeight: p,
+    showExtensions: y,
+    className: T,
+    redactor: $,
+    options: E,
+    plugins: k,
+    lang: L,
+    imageUploadUrl: u,
+    onKeyDown: m,
+    onRequestAiDraft: b,
+    aiDraftFormat: A = "html",
+    aiPrivacyNotice: M,
+    onDictate: H
+  }, Z) => {
+    const { t: C, i18n: I } = X(), Q = ae(), ne = Fe(
+      () => `rte-${Q.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [Q]
+    ), N = `#${ne}`, V = D(null), B = D(null), ie = D(!1), me = D(g), x = D(null), O = D(null), [F, G] = _(!1), [Ze, Ce] = _(!1), [$e, Je] = _(
+      () => /* @__PURE__ */ new Set()
+    ), se = D(null), W = D(i), he = D(m);
+    K(() => {
+      W.current = i, he.current = m;
+    }, [i, m]);
+    const Ke = D(
+      (() => {
+        const t = c ?? a ?? "";
+        return t ? te(t) : "";
+      })()
+    ), le = z(() => {
+      var r;
+      const t = B.current;
+      if (t)
+        try {
+          const o = t(N, "source.getCode");
+          if (typeof o == "string") return o;
+        } catch {
+        }
+      return ((r = V.current) == null ? void 0 : r.value) ?? "";
+    }, [N]), J = z(
+      (t, ...r) => {
+        const o = B.current;
+        if (!o) return !1;
+        const d = me.current;
+        if (d)
+          try {
+            o(N, "disableReadOnly");
+          } catch {
+          }
+        try {
+          return o(N, t, ...r), !0;
+        } catch {
+          return !1;
+        } finally {
+          if (d)
+            try {
+              o(N, "enableReadOnly");
+            } catch {
+            }
+        }
+      },
+      [N]
+    ), oe = z(
+      (t, r) => {
+        var ce;
+        const o = (r == null ? void 0 : r.asHtml) ?? !0, d = o ? te(t) : t;
+        if (J(o ? "insertion.insertHtml" : "insertion.insertText", d)) return;
+        const w = V.current;
+        if (!w) return;
+        const R = w.selectionStart ?? w.value.length, U = w.selectionEnd ?? w.value.length;
+        w.value = w.value.slice(0, R) + d + w.value.slice(U);
+        const ve = R + d.length;
+        try {
+          w.setSelectionRange(ve, ve);
+        } catch {
+        }
+        (ce = W.current) == null || ce.call(W, { html: te(w.value), markdown: "" });
+      },
+      [J]
+    ), Ne = D(null), ee = z(() => {
+      var d;
+      const t = (d = x.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 && (Ne.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 f = String(
+            document.queryCommandValue("formatBlock") || ""
+          ).toLowerCase();
+          /^h[1-6]$/.test(f) ? (o.add("heading"), o.add(f)) : f === "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 {
+        }
+      }
+      Je(
+        (f) => f.size === o.size && [...o].every((w) => f.has(w)) ? f : o
+      );
+    }, []), fe = z(
+      (t, ...r) => {
+        J(t, ...r), typeof window < "u" ? window.requestAnimationFrame(() => ee()) : ee();
+      },
+      [J, ee]
+    ), ze = z(
+      (t) => {
+        oe(t, { asHtml: !0 }), typeof window < "u" && window.requestAnimationFrame(() => ee());
+      },
+      [oe, ee]
+    ), et = z(() => {
+      var r;
+      if (typeof window < "u") {
+        const o = (r = x.current) == null ? void 0 : r.querySelector(".redactor-in"), d = window.getSelection();
+        o && d && d.rangeCount > 0 && d.anchorNode && o.contains(d.anchorNode) && (Ne.current = d.getRangeAt(0).cloneRange());
+      }
+      const t = B.current;
+      if (t)
+        try {
+          t(N, "selection.save");
+        } catch {
+        }
+    }, [N]), tt = z(() => {
+      const t = B.current;
+      if (!t) return;
+      const r = Ne.current;
+      try {
+        t(N, "editor.focus");
+      } catch {
+      }
+      if (r && typeof window < "u") {
+        const o = window.getSelection();
+        if (o)
+          try {
+            o.removeAllRanges(), o.addRange(r);
+            return;
+          } catch {
+          }
+      }
+      try {
+        t(N, "selection.restore");
+      } catch {
+      }
+    }, [N]), rt = z(() => {
+      var o;
+      if (typeof window > "u") return "";
+      const t = (o = x.current) == null ? void 0 : o.querySelector(".redactor-in"), r = window.getSelection();
+      return !t || !r || !r.anchorNode || !t.contains(r.anchorNode) ? "" : r.toString();
+    }, []), nt = z(() => {
+      var f;
+      if (typeof window > "u") return null;
+      const t = (f = x.current) == null ? void 0 : f.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");
+    }, []), Le = D(null), ge = z(() => {
+      var f;
+      if (typeof window > "u") return null;
+      const t = (f = x.current) == null ? void 0 : f.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");
+    }, []), ot = z(() => {
+      Le.current = ge();
+    }, [ge]), at = z(
+      (t, r) => {
+        var w;
+        const o = Le.current ?? ge();
+        if (!o) return;
+        const d = t === "row" ? Array.from(((w = o.closest("tr")) == null ? void 0 : w.children) ?? [o]).filter(
+          (R) => R instanceof HTMLElement && (R.tagName === "TD" || R.tagName === "TH")
+        ) : [o], f = B.current;
+        if (f)
+          try {
+            f(N, "module.buffer.trigger");
+          } catch {
+          }
+        for (const R of d)
+          r ? R.style.setProperty("background-color", r) : R.style.removeProperty("background-color");
+        if (f)
+          try {
+            f(N, "broadcast", "hardsync");
+          } catch {
+          }
+        typeof window < "u" && window.requestAnimationFrame(() => ee());
+      },
+      [ge, N, ee]
+    ), it = z(
+      (t) => {
+        var o;
+        const r = B.current;
+        if (r && typeof window < "u") {
+          const d = (o = x.current) == null ? void 0 : o.querySelector(".redactor-in"), f = window.getSelection(), w = f == null ? void 0 : f.anchorNode, R = w && w.nodeType === Node.TEXT_NODE ? w.parentElement : w, U = R && (d != null && d.contains(R)) ? R.closest("ul,ol") : null;
+          if (U)
+            try {
+              r(N, "caret.setAfter", U);
+            } catch {
+            }
+        }
+        ze(t), typeof window < "u" && window.requestAnimationFrame(() => {
+          var f;
+          const d = (f = x.current) == null ? void 0 : f.querySelector(".redactor-in");
+          d == null || d.querySelectorAll("table td, table th").forEach((w) => {
+            let R = w.lastChild;
+            for (; R && R.nodeType === Node.TEXT_NODE && !(R.textContent ?? "").trim(); ) {
+              const U = R.previousSibling;
+              w.removeChild(R), R = U;
+            }
+          });
+        });
+      },
+      [ze, N]
+    ), st = 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 f = Wr(await d.json());
+        if (!f) throw new Error("Image upload response contained no URL.");
+        return f;
+      },
+      [u]
+    ), de = D(null), pe = D(null), [Y, Oe] = _(!1), [lt, De] = _(!1), be = z(() => {
+      const t = pe.current;
+      t != null && t.parentNode && t.parentNode.removeChild(t), pe.current = null;
+    }, []), je = z((t) => {
+      var d;
+      const r = (d = x.current) == null ? void 0 : d.querySelector(
+        ".redactor-in"
+      );
+      if (!r) return;
+      let o = pe.current;
+      if (!o || !r.contains(o)) {
+        o = document.createElement("span"), o.setAttribute("data-rte-interim", ""), o.setAttribute("contenteditable", "false");
+        const f = window.getSelection();
+        if (f && f.rangeCount > 0 && r.contains(f.anchorNode)) {
+          const w = f.getRangeAt(0);
+          w.collapse(!1), w.insertNode(o);
+        } else
+          r.appendChild(o);
+        pe.current = o;
+      }
+      o.textContent = t;
+    }, []), qe = z(() => {
+      var t;
+      (t = de.current) == null || t.abort();
+    }, []), Pe = z(() => {
+      if (!H) return;
+      const t = new AbortController();
+      de.current = t, De(!1), Oe(!0), be(), H({
+        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 || je(r);
+        },
+        onFinalTranscript: (r) => {
+          if (t.signal.aborted) return;
+          be();
+          const o = r.trim();
+          o && oe(`${o} `, { asHtml: !1 });
+        }
+      }).catch((r) => {
+        t.signal.aborted || r && typeof r == "object" && "name" in r && r.name === "AbortError" || De(!0);
+      }).finally(() => {
+        be(), de.current === t && (de.current = null, Oe(!1));
+      });
+    }, [H, oe, be, je]), Be = z(() => {
+      Y ? qe() : Pe();
+    }, [Y, Pe, qe]);
+    K(() => () => {
+      var t;
+      return (t = de.current) == null ? void 0 : t.abort();
+    }, []), K(() => {
+      const t = V.current;
+      if (!t) return;
+      t.value = Ke.current;
+      const r = Ur($);
+      if (!r) {
+        G(!0);
+        return;
+      }
+      B.current = r;
+      const o = {
+        lang: L ?? Yr(I.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 } : {}, f = (E == null ? void 0 : E.callbacks) ?? {}, w = {
+        ...o,
+        ...d,
+        ...E ?? {},
+        // 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: {
+          ...f,
+          changed(R) {
+            const U = Re(Gr(R)), ve = te(U);
+            ie.current = !0, W.current && (se.current && clearTimeout(se.current), se.current = setTimeout(() => {
+              var ce;
+              (ce = W.current) == null || ce.call(W, { html: ve, markdown: "" });
+            }, 100));
+          },
+          keydown(R) {
+            var U;
+            (U = he.current) == null || U.call(he, R);
+          },
+          observe() {
+            ee();
+          }
+        }
+      };
+      try {
+        if (r(N, w), g)
+          try {
+            r(N, "enableReadOnly");
+          } catch {
+          }
+      } catch {
+        G(!0);
+      }
+      return () => {
+        se.current && clearTimeout(se.current);
+        try {
+          r(N, "destroy");
+        } catch {
+        }
+        B.current = null;
+      };
+    }, []), K(() => {
+      if (!B.current || c === void 0) return;
+      if (ie.current) {
+        ie.current = !1;
+        return;
+      }
+      const t = te(Re(c));
+      Re(le()) !== t && J("source.setCode", t);
+    }, [c, le, J]), K(() => {
+      me.current = g;
+      const t = B.current;
+      if (t)
+        try {
+          t(N, g ? "enableReadOnly" : "disableReadOnly");
+        } catch {
+        }
+    }, [g, N]), K(() => {
+      if (!F || c === void 0) return;
+      const t = V.current;
+      if (!t) return;
+      const r = te(c);
+      t.value !== r && document.activeElement !== t && (t.value = r);
+    }, [F, c]);
+    const Te = Fe(
+      () => ({
+        getHTML() {
+          return le();
+        },
+        getText() {
+          return le().replace(/<[^>]*>/g, " ").replace(/&nbsp;/gi, " ").replace(/\s+/g, " ").trim();
+        },
+        getMarkdown() {
+          return "";
+        },
+        setContent(t) {
+          const r = te(t);
+          J("source.setCode", r) || V.current && (V.current.value = r);
+        },
+        insertAtCursor: oe,
+        applyFormat(t) {
+          const r = Xr[t];
+          r && fe(...r);
+        },
+        focus() {
+          var r;
+          const t = B.current;
+          if (t)
+            try {
+              t(N, "editor.focus");
+              return;
+            } catch {
+            }
+          (r = V.current) == null || r.focus();
+        },
+        clear() {
+          J("source.setCode", "") || V.current && (V.current.value = "");
+        }
+      }),
+      [N, le, J, oe, fe]
+    );
+    ft(Z, () => Te, [Te]), bt(zr, Te, n);
+    const dt = z(
+      (t) => {
+        var r;
+        (r = W.current) == null || r.call(W, {
+          html: te(t.target.value),
+          markdown: ""
+        });
+      },
+      []
+    ), ct = l ?? C("editor.regionLabel"), ut = h ?? C("editor.placeholder");
+    return /* @__PURE__ */ v(
+      "div",
+      {
+        ref: x,
+        className: [Zr(), T].filter(Boolean).join(" "),
+        "data-component": "rich-text-editor",
+        "data-component-id": n,
+        "data-min-height": p,
+        children: [
+          !F && !g ? /* @__PURE__ */ e(
+            Vr,
+            {
+              run: fe,
+              active: $e,
+              preset: s,
+              insertHtml: ze,
+              insertTable: it,
+              saveSelection: et,
+              restoreSelection: tt,
+              getSelectedText: rt,
+              uploadImage: u ? st : 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: O, children: [
+            /* @__PURE__ */ e(
+              "textarea",
+              {
+                ref: V,
+                id: ne,
+                "aria-label": ct,
+                "aria-multiline": "true",
+                placeholder: ut,
+                onChange: F ? dt : void 0,
+                readOnly: F ? g : void 0,
+                className: F ? Jr() : void 0
+              }
+            ),
+            b && H ? /* @__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: Be,
+                  "aria-pressed": Y,
+                  "aria-label": C(Y ? "editor.ai.dictateStop" : "editor.ai.dictateStart"),
+                  className: Y ? Kr : Ue,
+                  children: Y ? /* @__PURE__ */ e(
+                    _e,
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:size-5 ds:fill-current"
+                    }
+                  ) : /* @__PURE__ */ e(Se, { "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: () => Ce(!0),
+                  "aria-label": C("editor.ai.helpMeWrite"),
+                  className: Ue,
+                  children: /* @__PURE__ */ e(Ee, { "aria-hidden": "true", className: "ds:size-5" })
+                }
+              )
+            ] }) : H ? /* @__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: Y ? /* @__PURE__ */ e(_e, { className: "ds:fill-current" }) : /* @__PURE__ */ e(Se, {}),
+                "aria-pressed": Y,
+                "aria-label": C(Y ? "editor.ai.dictateStop" : "editor.ai.dictateStart"),
+                onClick: Be,
+                className: Y ? `${en} 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(Ee, {}),
+                "aria-label": C("editor.ai.helpMeWrite"),
+                onClick: () => Ce(!0),
+                className: "ds:rounded-full ds:shadow-[var(--shadow-lg)]"
+              }
+            ) }) : null,
+            b ? /* @__PURE__ */ e(
+              _r,
+              {
+                open: Ze,
+                onClose: () => Ce(!1),
+                onRequestAiDraft: b,
+                onInsert: (t) => oe(t, { asHtml: A !== "text" }),
+                previewAsHtml: A !== "text",
+                privacyNotice: M,
+                onDictate: H
+              }
+            ) : null,
+            !F && !g && ((k == null ? void 0 : k.includes("table")) ?? !1) ? /* @__PURE__ */ e(
+              Fr,
+              {
+                active: $e,
+                run: fe,
+                areaRef: O,
+                getActiveTableEl: nt,
+                enableColor: (k == null ? void 0 : k.includes("fontcolor")) ?? !1,
+                saveTableCell: ot,
+                applyTableBackground: at
+              }
+            ) : null
+          ] }),
+          H && lt ? /* @__PURE__ */ e(
+            "p",
+            {
+              role: "alert",
+              className: "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--destructive)]",
+              children: C("editor.ai.dictationError")
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+tn.displayName = "RichTextEditor";
+export {
+  tn as R,
+  zr as r,
+  Zr as w
+};
+//# sourceMappingURL=rich-text-editor-BOQr5lHx.js.map