@alfadocs/ui-kit-debug 0.64.0 → 0.66.0

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

@@ -1,334 +0,0 @@
-import { jsx as S } from "react/jsx-runtime";
-import { forwardRef as Y, useId as K, useMemo as N, useRef as l, useState as ee, useEffect as p, useImperativeHandle as te, useCallback as re } from "react";
-import { c as A } from "./index-D2ZczOXr.js";
-import { useTranslation as ne } from "react-i18next";
-import { sanitiseHtml as oe } from "../safe-html/index.js";
-import { u as ie } from "./registry-nPAVE19X.js";
-const se = {
-  id: "rich-text-editor",
-  capabilities: ["edit_inline"],
-  state: {
-    html: {
-      type: "string",
-      description: "Sanitised HTML representation of the editor content.",
-      read: (t) => t.getHTML()
-    },
-    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: (t) => t.getMarkdown()
-    }
-  },
-  actions: {
-    set_content: {
-      safety: "destructive",
-      argsType: "{ html: string }",
-      description: "Replace the editor content. Loses unsaved input.",
-      invoke: (t, n) => {
-        t.setContent(n.html);
-      }
-    },
-    clear: {
-      safety: "destructive",
-      description: "Empty the editor. Loses unsaved input.",
-      invoke: (t) => {
-        t.clear();
-      }
-    },
-    focus: {
-      safety: "read",
-      description: "Move keyboard focus to the editor surface.",
-      invoke: (t) => {
-        t.focus();
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "rich-text-editor" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-};
-function u(t) {
-  return oe(t, "rich-text");
-}
-function z(t = "") {
-  const n = String(t).trim();
-  if (n === "" || n === "<p><br></p>" || n === "<p>&nbsp;</p>")
-    return "";
-  const i = n.replace(/<br\s*\/?>/gi, "").replace(/&nbsp;/gi, "").replace(/<[^>]+>/g, "").trim();
-  return i === "" && /<img\b[^>]*>/i.test(n) ? n : i === "" ? "" : n;
-}
-function ae(t) {
-  return t.replace(
-    /<img(?![^>]*\sloading=)([^>]*)>/gi,
-    '<img loading="lazy"$1>'
-  );
-}
-function ce(t) {
-  if (t) return t;
-  if (typeof window > "u") return null;
-  const n = window;
-  return n.$R ?? n.Redactor ?? null;
-}
-const de = {
-  minimal: ["bold", "italic", "link"],
-  standard: ["format", "bold", "italic", "link", "lists"],
-  full: [
-    "format",
-    "bold",
-    "italic",
-    "deleted",
-    "link",
-    "lists",
-    "image",
-    "table",
-    "line"
-  ]
-}, le = {
-  sm: "8rem",
-  md: "16rem",
-  lg: "24rem"
-}, ue = {
-  zh: "zh_cn",
-  pt: "pt_br"
-};
-function fe(t) {
-  const n = t.split("-")[0];
-  return ue[n] ?? n ?? "en";
-}
-const me = A(
-  "redactor-theme-alfadocs ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]"
-), pe = A(
-  [
-    "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:font-[family-name:var(--font-sans)] ds:text-[length:var(--font-size-base)]",
-    "ds:p-[var(--spacing-md)] ds:[min-block-size:10rem]",
-    "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(" ")
-), ge = Y(
-  ({
-    id: t,
-    defaultValue: n,
-    value: i,
-    onChange: R,
-    toolbar: $ = "standard",
-    placeholder: E,
-    readOnly: g = !1,
-    ariaLabel: O,
-    minHeight: H,
-    className: B,
-    redactor: P,
-    options: h,
-    plugins: V,
-    lang: j,
-    imageUploadUrl: L,
-    onKeyDown: y
-  }, G) => {
-    const { t: k, i18n: D } = ne(), M = K(), C = N(
-      () => `rte-${M.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [M]
-    ), o = `#${C}`, s = l(null), a = l(null), T = l(!1), [f, _] = ee(!1), m = l(null), c = l(R), b = l(y);
-    p(() => {
-      c.current = R, b.current = y;
-    }, [R, y]);
-    const F = l(
-      (() => {
-        const e = i ?? n ?? "";
-        return e ? u(e) : "";
-      })()
-    );
-    p(() => {
-      const e = s.current;
-      if (!e) return;
-      e.value = F.current;
-      const r = ce(P);
-      if (!r) {
-        _(!0);
-        return;
-      }
-      a.current = r;
-      const d = {
-        lang: j ?? fe(D.language || "en"),
-        buttons: de[$],
-        buttonsHide: ["html"],
-        plugins: V ?? [],
-        placeholder: E ?? k("editor.placeholder"),
-        toolbarFixed: !1,
-        imageEditable: !1,
-        imageResizable: !0
-      };
-      H && (d.minHeight = le[H]);
-      const q = L ? { imageUpload: L } : {}, J = (h == null ? void 0 : h.callbacks) ?? {}, Q = {
-        ...d,
-        ...q,
-        ...h ?? {},
-        // Re-pin safety-critical keys LAST so consumer `options` can't override
-        // the sanitising change handler or re-enable image editing.
-        imageEditable: !1,
-        callbacks: {
-          ...J,
-          changed(w) {
-            const v = z(ae(w)), X = u(v);
-            T.current = !0, c.current && (m.current && clearTimeout(m.current), m.current = setTimeout(() => {
-              var I;
-              (I = c.current) == null || I.call(c, { html: X, markdown: "" });
-            }, 100));
-          },
-          keydown(w) {
-            var v;
-            (v = b.current) == null || v.call(b, w);
-          }
-        }
-      };
-      try {
-        if (r(o, Q), g)
-          try {
-            r(o, "enableReadonly");
-          } catch {
-          }
-      } catch {
-        _(!0);
-      }
-      return () => {
-        m.current && clearTimeout(m.current);
-        try {
-          r(o, "destroy");
-        } catch {
-        }
-        a.current = null;
-      };
-    }, []), p(() => {
-      const e = a.current;
-      if (!e || i === void 0) return;
-      if (T.current) {
-        T.current = !1;
-        return;
-      }
-      const r = u(z(i));
-      let d = "";
-      try {
-        d = z(
-          String(e(o, "source.getCode") ?? "")
-        );
-      } catch {
-        return;
-      }
-      if (d !== r)
-        try {
-          e(o, "source.setCode", r);
-        } catch {
-        }
-    }, [i, o]), p(() => {
-      const e = a.current;
-      if (e)
-        try {
-          e(o, g ? "enableReadonly" : "disableReadonly");
-        } catch {
-        }
-    }, [g, o]), p(() => {
-      if (!f || i === void 0) return;
-      const e = s.current;
-      if (!e) return;
-      const r = u(i);
-      e.value !== r && document.activeElement !== e && (e.value = r);
-    }, [f, i]);
-    const x = N(
-      () => ({
-        getHTML() {
-          var r;
-          const e = a.current;
-          if (e)
-            try {
-              return String(e(o, "source.getCode") ?? "");
-            } catch {
-            }
-          return ((r = s.current) == null ? void 0 : r.value) ?? "";
-        },
-        getMarkdown() {
-          return "";
-        },
-        setContent(e) {
-          const r = u(e), d = a.current;
-          if (d)
-            try {
-              d(o, "source.setCode", r);
-              return;
-            } catch {
-            }
-          s.current && (s.current.value = r);
-        },
-        focus() {
-          var r;
-          const e = a.current;
-          if (e)
-            try {
-              e(o, "editor.focus");
-              return;
-            } catch {
-            }
-          (r = s.current) == null || r.focus();
-        },
-        clear() {
-          const e = a.current;
-          if (e)
-            try {
-              e(o, "source.setCode", "");
-              return;
-            } catch {
-            }
-          s.current && (s.current.value = "");
-        }
-      }),
-      [o]
-    );
-    te(G, () => x, [x]), ie(se, x, t);
-    const U = re(
-      (e) => {
-        var r;
-        (r = c.current) == null || r.call(c, {
-          html: u(e.target.value),
-          markdown: ""
-        });
-      },
-      []
-    ), W = O ?? k("editor.regionLabel"), Z = E ?? k("editor.placeholder");
-    return /* @__PURE__ */ S(
-      "div",
-      {
-        className: [me(), B].filter(Boolean).join(" "),
-        "data-component": "rich-text-editor",
-        "data-component-id": t,
-        children: /* @__PURE__ */ S(
-          "textarea",
-          {
-            ref: s,
-            id: C,
-            "aria-label": W,
-            "aria-multiline": "true",
-            placeholder: Z,
-            onChange: f ? U : void 0,
-            readOnly: f ? g : void 0,
-            className: f ? pe() : void 0
-          }
-        )
-      }
-    );
-  }
-);
-ge.displayName = "RichTextEditor";
-export {
-  ge as R,
-  se as r,
-  me as w
-};
-//# sourceMappingURL=rich-text-editor-B03qM22-.js.map

package/dist/_chunks/rich-text-editor-B03qM22-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rich-text-editor-B03qM22-.js","sources":["../../src/components/rich-text-editor/rich-text-editor.agent.ts","../../src/components/rich-text-editor/rich-text-editor.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { RichTextEditorHandle } from './rich-text-editor';\n\nexport const richTextEditorAgent: AgentAdapter<RichTextEditorHandle> = {\n  id: 'rich-text-editor',\n  capabilities: ['edit_inline'],\n  state: {\n    html: {\n      type: 'string',\n      description: 'Sanitised HTML representation of the editor content.',\n      read: (handle) => handle.getHTML(),\n    },\n    markdown: {\n      type: 'string',\n      description:\n        'Markdown representation of the editor content. The Redactor engine has no native Markdown serialiser, so this is always empty — read `html` instead.',\n      read: (handle) => handle.getMarkdown(),\n    },\n  },\n  actions: {\n    set_content: {\n      safety: 'destructive',\n      argsType: '{ html: string }',\n      description: 'Replace the editor content. Loses unsaved input.',\n      invoke: (handle, args: { html: string }) => {\n        handle.setContent(args.html);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      description: 'Empty the editor. Loses unsaved input.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    focus: {\n      safety: 'read',\n      description: 'Move keyboard focus to the editor surface.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'rich-text-editor' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* RichTextEditor — thin, secure wrapper over Redactor (Imperavi).      */\n/*                                                                      */\n/* LICENCE-SAFETY MODEL (read first):                                   */\n/*   Redactor is a COMMERCIAL editor and `@alfadocs/ui-kit` publishes   */\n/*   to PUBLIC npm — so redactor.js bytes MUST NOT enter `dist/`. This  */\n/*   wrapper never imports Redactor; it resolves a Redactor factory at  */\n/*   runtime from a `redactor` prop or the UMD globals `window.$R` /    */\n/*   `window.Redactor` that the CONSUMER's licensed build sets          */\n/*   (platform ships `web/static/redactor/redactor.js`). With no        */\n/*   factory found, the editor renders a graceful plain <textarea>.     */\n/*   Storybook loads a vendored dev-only build via preview-head.html.   */\n/*                                                                      */\n/* - Toolbar/buttons/dropdowns/shortcuts are owned entirely by Redactor */\n/*   itself. The kit only skins them via `redactor-theme.css` and feeds */\n/*   button presets + lang strings.                                     */\n/* - Security: all inbound HTML (value/defaultValue/setContent) and the */\n/*   editor's outbound `changed` HTML run through DOMPurify with an      */\n/*   explicit FORBID list. Outbound HTML also gets `loading=\"lazy\"` on  */\n/*   images and platform's empty-placeholder normalisation.             */\n/* - Backend-coupled features (image upload, help-me-write,             */\n/*   voice-recording) are CONSUMER-PROVIDED via `imageUploadUrl` /      */\n/*   `plugins` / `options`; the kit never bakes a backend route in.     */\n/* - i18n: placeholder/aria via `t('editor.placeholder')`; Redactor's   */\n/*   own `lang` is derived from the active locale (not hardcoded).      */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\nimport '../../tokens/themes/bridges/redactor-theme.css';\n\nimport { sanitiseHtml as sanitiseShared } from '../_shared/safe-html';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { richTextEditorAgent } from './rich-text-editor.agent';\n\n/* ------------------------------------------------------------------ */\n/* Sanitisation                                                        */\n/* ------------------------------------------------------------------ */\n\n// Single sanitiser surface (constraints §8): the editor routes every inbound\n// and outbound HTML string through the shared `rich-text` DOMPurify profile in\n// `_shared/safe-html.tsx`, so one audit covers the whole kit. The wrapper adds\n// only editor-specific shaping (normalizeEditorValue + withLazyImages) around it.\nfunction sanitiseHtml(input: string): string {\n  return sanitiseShared(input, 'rich-text');\n}\n\n// Mirror platform's RedactorWysiwyg `normalizeEditorValue` (RedactorWysiwyg.js\n// :26-44): map Redactor's empty placeholders to '' for the emptiness test, but\n// preserve image-only HTML so embedded-image notes aren't dropped on save.\nfunction normalizeEditorValue(html = ''): string {\n  const normalized = String(html).trim();\n  if (\n    normalized === '' ||\n    normalized === '<p><br></p>' ||\n    normalized === '<p>&nbsp;</p>'\n  ) {\n    return '';\n  }\n  const contentWithoutTags = normalized\n    .replace(/<br\\s*\\/?>/gi, '')\n    .replace(/&nbsp;/gi, '')\n    .replace(/<[^>]+>/g, '')\n    .trim();\n  if (contentWithoutTags === '' && /<img\\b[^>]*>/i.test(normalized)) {\n    return normalized;\n  }\n  return contentWithoutTags === '' ? '' : normalized;\n}\n\n// Inject `loading=\"lazy\"` on any <img> lacking it (platform parity).\nfunction withLazyImages(html: string): string {\n  return html.replace(\n    /<img(?![^>]*\\sloading=)([^>]*)>/gi,\n    '<img loading=\"lazy\"$1>',\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Redactor factory resolution (external — never bundled)              */\n/* ------------------------------------------------------------------ */\n\nexport type RedactorFactory = (\n  selector: string | HTMLElement,\n  command?: unknown,\n  ...args: unknown[]\n) => unknown;\n\nfunction resolveRedactor(injected?: RedactorFactory): RedactorFactory | null {\n  if (injected) return injected;\n  if (typeof window === 'undefined') return null;\n  const w = window as unknown as {\n    $R?: RedactorFactory;\n    Redactor?: RedactorFactory;\n  };\n  return w.$R ?? w.Redactor ?? null;\n}\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type RichTextEditorToolbar = 'minimal' | 'standard' | 'full';\n\nexport interface RichTextEditorProps {\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  /** HTML initial value (uncontrolled). Runs through DOMPurify. */\n  defaultValue?: string;\n  /** Controlled value (HTML). Sanitised; synced with a skip-once caret guard. */\n  value?: string;\n  /** Emits on every change — debounced 100ms. `markdown` is '' (Redactor has no serializer). */\n  onChange?: (payload: { html: string; markdown: string }) => void;\n  /** Toolbar preset → Redactor `buttons`. */\n  toolbar?: RichTextEditorToolbar;\n  /** Placeholder text — translates via useTranslation if omitted. */\n  placeholder?: string;\n  /** Read-only mode. */\n  readOnly?: boolean;\n  /** Accessible name for the editing region. */\n  ariaLabel?: string;\n  /** Size variant for the minimum block-size of the editing region. */\n  minHeight?: 'sm' | 'md' | 'lg';\n  /** Extra class names on the wrapper. */\n  className?: string;\n\n  /* --- Redactor-specific seams (all CONSUMER-PROVIDED) --- */\n  /** Inject the Redactor factory explicitly; else `window.$R` / `window.Redactor`. */\n  redactor?: RedactorFactory;\n  /** Raw Redactor options, deep-merged LAST over the kit defaults (callbacks reserved). */\n  options?: Record<string, unknown>;\n  /** Redactor plugin names to enable (the consumer must register/load them). */\n  plugins?: string[];\n  /** Redactor lang code; default derived from the active i18n locale. */\n  lang?: string;\n  /** Consumer image-upload endpoint → Redactor `imageUpload`. Omitted if absent. */\n  imageUploadUrl?: string;\n  /** App keyboard-shortcut seam (e.g. Ctrl/Cmd+Enter to save). */\n  onKeyDown?: (event: KeyboardEvent) => void;\n}\n\nexport interface RichTextEditorHandle {\n  getHTML: () => string;\n  /** Always '' — Redactor has no native Markdown serializer (see MDX). */\n  getMarkdown: () => string;\n  /** HTML goes through DOMPurify before reaching Redactor. */\n  setContent: (html: string) => void;\n  focus: () => void;\n  clear: () => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* Toolbar presets → Redactor buttons (UI-only; backend buttons are    */\n/* consumer-supplied via `plugins` + `options`, never in a preset).    */\n/* ------------------------------------------------------------------ */\n\nconst TOOLBAR_BUTTONS: Record<RichTextEditorToolbar, string[]> = {\n  minimal: ['bold', 'italic', 'link'],\n  standard: ['format', 'bold', 'italic', 'link', 'lists'],\n  full: [\n    'format',\n    'bold',\n    'italic',\n    'deleted',\n    'link',\n    'lists',\n    'image',\n    'table',\n    'line',\n  ],\n};\n\nconst MIN_HEIGHT_REM: Record<\n  NonNullable<RichTextEditorProps['minHeight']>,\n  string\n> = {\n  sm: '8rem',\n  md: '16rem',\n  lg: '24rem',\n};\n\n// Map the kit's locale codes to Redactor's lang-file codes where they differ\n// (Redactor ships zh_cn / zh_tw / pt_br; the kit uses zh / pt). RTL (ar/fa/he)\n// pass through — direction is handled by the document dir, not the lang code.\nconst REDACTOR_LANG: Record<string, string> = {\n  zh: 'zh_cn',\n  pt: 'pt_br',\n};\n\nfunction toRedactorLang(locale: string): string {\n  const base = locale.split('-')[0];\n  return REDACTOR_LANG[base] ?? base ?? 'en';\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva(\n  'redactor-theme-alfadocs ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n);\n\n// Degraded-mode plain textarea (Redactor not found) — looks like a kit field.\nconst degradedTextareaVariants = cva(\n  [\n    'ds:block ds:[inline-size:100%]',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]',\n    'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n    'ds:font-[family-name:var(--font-sans)] ds:text-[length:var(--font-size-base)]',\n    'ds:p-[var(--spacing-md)] ds:[min-block-size:10rem]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* RichTextEditor                                                       */\n/* ------------------------------------------------------------------ */\n\nexport const RichTextEditor = forwardRef<\n  RichTextEditorHandle,\n  RichTextEditorProps\n>(\n  (\n    {\n      id,\n      defaultValue,\n      value,\n      onChange,\n      toolbar = 'standard',\n      placeholder,\n      readOnly = false,\n      ariaLabel,\n      minHeight,\n      className,\n      redactor,\n      options,\n      plugins,\n      lang,\n      imageUploadUrl,\n      onKeyDown,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const rawId = useId();\n    const editorId = useMemo(\n      () => `rte-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n      [rawId],\n    );\n    const selector = `#${editorId}`;\n\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const redactorRef = useRef<RedactorFactory | null>(null);\n    // Skip-once guard: Redactor's `changed` already pushed this value out via\n    // onChange, so the controlled-value effect must not echo it back with\n    // setCode (which resets the caret to position 0). Mirrors platform.\n    const skipNextPropSyncRef = useRef(false);\n    const [degraded, setDegraded] = useState(false);\n\n    const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const onChangeRef = useRef<RichTextEditorProps['onChange']>(onChange);\n    const onKeyDownRef = useRef<RichTextEditorProps['onKeyDown']>(onKeyDown);\n    useEffect(() => {\n      onChangeRef.current = onChange;\n      onKeyDownRef.current = onKeyDown;\n    }, [onChange, onKeyDown]);\n\n    // Initial content is computed once (controlled `value` is then synced by\n    // the effect below). Sanitised before it ever reaches Redactor.\n    const initialContentRef = useRef<string>(\n      (() => {\n        const raw = value ?? defaultValue ?? '';\n        return raw ? sanitiseHtml(raw) : '';\n      })(),\n    );\n\n    /* ---- Init Redactor once (or degrade gracefully) -------------- */\n    useEffect(() => {\n      const ta = textareaRef.current;\n      if (!ta) return undefined;\n      // Seed the host textarea imperatively: Redactor reads it on init, and in\n      // degraded mode it stays as the textarea's shown value. (Done here, not\n      // via `defaultValue`, because `degraded` flips after mount so a\n      // `defaultValue` prop would never apply.)\n      ta.value = initialContentRef.current;\n      const R = resolveRedactor(redactor);\n      if (!R) {\n        setDegraded(true);\n        if (import.meta.env.DEV) {\n          console.warn(\n            '[RichTextEditor] Redactor not found on window.$R / window.Redactor and no `redactor` prop supplied; rendering a plain textarea.',\n          );\n        }\n        return undefined;\n      }\n      redactorRef.current = R;\n\n      const kitDefaults: Record<string, unknown> = {\n        lang: lang ?? toRedactorLang(i18n.language || 'en'),\n        buttons: TOOLBAR_BUTTONS[toolbar],\n        buttonsHide: ['html'],\n        plugins: plugins ?? [],\n        placeholder: placeholder ?? t('editor.placeholder'),\n        toolbarFixed: false,\n        imageEditable: false,\n        imageResizable: true,\n      };\n      if (minHeight) kitDefaults.minHeight = MIN_HEIGHT_REM[minHeight];\n      const imageUploadOption = imageUploadUrl\n        ? { imageUpload: imageUploadUrl }\n        : {};\n\n      const consumerCallbacks =\n        (options?.callbacks as Record<string, unknown> | undefined) ?? {};\n\n      const finalOptions: Record<string, unknown> = {\n        ...kitDefaults,\n        ...imageUploadOption,\n        ...(options ?? {}),\n        // Re-pin safety-critical keys LAST so consumer `options` can't override\n        // the sanitising change handler or re-enable image editing.\n        imageEditable: false,\n        callbacks: {\n          ...consumerCallbacks,\n          changed(html: string): void {\n            const normalized = normalizeEditorValue(withLazyImages(html));\n            const safe = sanitiseHtml(normalized);\n            skipNextPropSyncRef.current = true;\n            if (!onChangeRef.current) return;\n            if (debounceRef.current) clearTimeout(debounceRef.current);\n            debounceRef.current = setTimeout(() => {\n              onChangeRef.current?.({ html: safe, markdown: '' });\n            }, 100);\n          },\n          keydown(event: KeyboardEvent): void {\n            onKeyDownRef.current?.(event);\n          },\n        },\n      };\n\n      try {\n        R(selector, finalOptions);\n        // Redactor renders its own toolbar; readonly is a best-effort command\n        // (engine-version dependent) — guarded so an unknown command is inert.\n        if (readOnly) {\n          try {\n            R(selector, 'enableReadonly');\n          } catch {\n            /* readonly command unsupported in this Redactor build */\n          }\n        }\n      } catch {\n        setDegraded(true);\n      }\n\n      return () => {\n        if (debounceRef.current) clearTimeout(debounceRef.current);\n        try {\n          // Platform forgets to destroy and leaks; we clean up on unmount.\n          R(selector, 'destroy');\n        } catch {\n          /* already torn down */\n        }\n        redactorRef.current = null;\n      };\n      // Init once — option changes after mount are not re-applied (matches the\n      // editor's uncontrolled-internals model); value/readOnly sync below.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    /* ---- Keep controlled `value` in sync (skip-once caret guard) - */\n    useEffect(() => {\n      const R = redactorRef.current;\n      if (!R || value === undefined) return;\n      if (skipNextPropSyncRef.current) {\n        skipNextPropSyncRef.current = false;\n        return;\n      }\n      const safe = sanitiseHtml(normalizeEditorValue(value));\n      let current = '';\n      try {\n        current = normalizeEditorValue(\n          String(R(selector, 'source.getCode') ?? ''),\n        );\n      } catch {\n        return;\n      }\n      if (current !== safe) {\n        try {\n          R(selector, 'source.setCode', safe);\n        } catch {\n          /* ignore */\n        }\n      }\n    }, [value, selector]);\n\n    /* ---- Keep readOnly in sync ----------------------------------- */\n    useEffect(() => {\n      const R = redactorRef.current;\n      if (!R) return;\n      try {\n        R(selector, readOnly ? 'enableReadonly' : 'disableReadonly');\n      } catch {\n        /* readonly command unsupported in this Redactor build */\n      }\n    }, [readOnly, selector]);\n\n    /* ---- Degraded fallback: reflect controlled `value` ----------- */\n    // Without Redactor the host textarea is uncontrolled (seeded once on init),\n    // so it would otherwise ignore external `value` updates. Sync imperatively\n    // (a controlled `value=` would warn when `degraded` flips after mount), and\n    // skip while focused so we never reset the user's caret mid-type.\n    useEffect(() => {\n      if (!degraded || value === undefined) return;\n      const ta = textareaRef.current;\n      if (!ta) return;\n      const safe = sanitiseHtml(value);\n      if (ta.value !== safe && document.activeElement !== ta) {\n        ta.value = safe;\n      }\n    }, [degraded, value]);\n\n    /* ---- Imperative handle --------------------------------------- */\n    const handle = useMemo<RichTextEditorHandle>(\n      () => ({\n        getHTML(): string {\n          const R = redactorRef.current;\n          if (R) {\n            try {\n              return String(R(selector, 'source.getCode') ?? '');\n            } catch {\n              /* fall through */\n            }\n          }\n          return textareaRef.current?.value ?? '';\n        },\n        getMarkdown(): string {\n          return '';\n        },\n        setContent(html: string): void {\n          const safe = sanitiseHtml(html);\n          const R = redactorRef.current;\n          if (R) {\n            try {\n              R(selector, 'source.setCode', safe);\n              return;\n            } catch {\n              /* fall through */\n            }\n          }\n          if (textareaRef.current) textareaRef.current.value = safe;\n        },\n        focus(): void {\n          const R = redactorRef.current;\n          if (R) {\n            try {\n              R(selector, 'editor.focus');\n              return;\n            } catch {\n              /* fall through */\n            }\n          }\n          textareaRef.current?.focus();\n        },\n        clear(): void {\n          const R = redactorRef.current;\n          if (R) {\n            try {\n              R(selector, 'source.setCode', '');\n              return;\n            } catch {\n              /* fall through */\n            }\n          }\n          if (textareaRef.current) textareaRef.current.value = '';\n        },\n      }),\n      [selector],\n    );\n    useImperativeHandle(ref, () => handle, [handle]);\n    useAgentRegistration(richTextEditorAgent, handle, id);\n\n    /* ---- Degraded-mode change handler ---------------------------- */\n    const handleDegradedChange = useCallback(\n      (event: ChangeEvent<HTMLTextAreaElement>): void => {\n        onChangeRef.current?.({\n          html: sanitiseHtml(event.target.value),\n          markdown: '',\n        });\n      },\n      [],\n    );\n\n    // Accessible name for the editing region — a dedicated label, not the\n    // placeholder, so the region's name and its placeholder hint don't collide.\n    const resolvedLabel = ariaLabel ?? t('editor.regionLabel');\n    const resolvedPlaceholder = placeholder ?? t('editor.placeholder');\n\n    return (\n      <div\n        className={[wrapperVariants(), className].filter(Boolean).join(' ')}\n        data-component=\"rich-text-editor\"\n        data-component-id={id}\n      >\n        <textarea\n          ref={textareaRef}\n          id={editorId}\n          aria-label={resolvedLabel}\n          aria-multiline=\"true\"\n          placeholder={resolvedPlaceholder}\n          onChange={degraded ? handleDegradedChange : undefined}\n          readOnly={degraded ? readOnly : undefined}\n          className={degraded ? degradedTextareaVariants() : undefined}\n        />\n      </div>\n    );\n  },\n);\n\nRichTextEditor.displayName = 'RichTextEditor';\n\nexport { wrapperVariants };\n"],"names":["richTextEditorAgent","handle","args","sanitiseHtml","input","sanitiseShared","normalizeEditorValue","html","normalized","contentWithoutTags","withLazyImages","resolveRedactor","injected","w","TOOLBAR_BUTTONS","MIN_HEIGHT_REM","REDACTOR_LANG","toRedactorLang","locale","base","wrapperVariants","cva","degradedTextareaVariants","RichTextEditor","forwardRef","id","defaultValue","value","onChange","toolbar","placeholder","readOnly","ariaLabel","minHeight","className","redactor","options","plugins","lang","imageUploadUrl","onKeyDown","ref","t","i18n","useTranslation","rawId","useId","editorId","useMemo","selector","textareaRef","useRef","redactorRef","skipNextPropSyncRef","degraded","setDegraded","useState","debounceRef","onChangeRef","onKeyDownRef","useEffect","initialContentRef","raw","ta","R","kitDefaults","imageUploadOption","consumerCallbacks","finalOptions","safe","_a","event","current","useImperativeHandle","useAgentRegistration","handleDegradedChange","useCallback","resolvedLabel","resolvedPlaceholder","jsx"],"mappings":"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"}