@alfadocs/ui-kit-debug 0.1.8 → 0.2.0

package/dist/_chunks/{rich-text-editor.agent-COSb5_2D.js → rich-text-editor-C7TCIlQO.js}

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