@alfadocs/ui-kit 0.1.10 → 0.2.0

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

@@ -1,21 +1,22 @@
 import { jsxs as k, jsx as r } from "react/jsx-runtime";
-import { forwardRef as te, useId as se, useMemo as K, useState as I, useEffect as w, useRef as H, useImperativeHandle as re, useCallback as _ } from "react";
-import { useEditor as ie, EditorContent as oe } from "@tiptap/react";
-import ne from "@tiptap/starter-kit";
-import ae from "@tiptap/extension-link";
-import de from "@tiptap/extension-image";
-import { Table as ce } from "@tiptap/extension-table";
-import le from "@tiptap/extension-table-row";
-import ue from "@tiptap/extension-table-cell";
-import me from "@tiptap/extension-table-header";
-import { Markdown as fe } from "tiptap-markdown";
-import { p as he } from "./purify.es-DpIUMBYC.js";
-import { c as B } from "./index-D2ZczOXr.js";
-import { useTranslation as Z } from "react-i18next";
+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 { s as be } from "./safe-image-src-DstKgCo7.js";
-import { X as pe } from "./x-CCcI3eJp.js";
-import { C as ve } from "./chevron-down-BX_NP2Yh.js";
+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 ge = [
+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" }
   ]
-], ke = m("bold", ge);
+], 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 ye = [
+const ze = [
   ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
   ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
-], xe = m("code", ye);
+], 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 ze = [
+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" }]
-], we = m("image", ze);
+], 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 Me = [
+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" }]
-], Ne = m("italic", Me);
+], 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 Ae = [
+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" }]
-], Ce = m("link-2", Ae);
+], 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 Le = [
+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" }]
-], Te = m("list-ordered", Le);
+], 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 _e = [
+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" }]
-], Re = m("list", _e);
+], 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 je = [["path", { d: "M5 12h14", key: "1ays0h" }]], Ie = m("minus", je);
+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 He = [
+const Se = [
   [
     "path",
     {
@@ -128,39 +129,86 @@ const He = [
       key: "1ymkrd"
     }
   ]
-], Be = m("quote", He);
+], $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 Se = [
+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", Se);
+], 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" }]
-], Ee = 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 Ke = [
+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" }]
-], qe = m("undo", Ke), Fe = {
+], 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 Ke = [
     "onblur"
   ]
 };
-function j(a) {
-  return he.sanitize(a, Fe);
+function I(a) {
+  return pe.sanitize(a, Ze);
 }
-const Ve = B(
+const Ue = S(
   "tiptap-theme-alfadocs ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]"
-), Pe = 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 Ve = 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 Ve = 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(" ")
-), Ue = {
+), Xe = {
   minimal: ["bold", "italic", "link"],
   standard: [
     "bold",
@@ -261,22 +309,22 @@ const Ve = B(
     "redo"
   ]
 };
-function Ge({
+function Ye({
   editor: a,
-  registerRef: v,
+  registerRef: g,
   tabIndex: l,
   onFocus: h,
   onKeyDown: R,
   label: M,
   disabled: i,
-  pressed: S
+  pressed: $
 }) {
-  const [y, N] = I(!1), A = H(null);
+  const [y, N] = H(!1), A = B(null);
   w(() => {
     if (!y) return;
-    function c($) {
-      const g = $.target;
-      A.current && g && !A.current.contains(g) && N(!1);
+    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);
   }, [y]);
@@ -288,7 +336,7 @@ function Ge({
       "button",
       {
         type: "button",
-        ref: v,
+        ref: g,
         tabIndex: l,
         onFocus: h,
         onKeyDown: R,
@@ -300,10 +348,23 @@ function Ge({
         "aria-disabled": i || void 0,
         "aria-label": M,
         title: M,
-        className: U({ pressed: S, disabled: i }),
+        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(ve, { "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"
+            }
+          )
         ]
       }
     ),
@@ -343,9 +404,12 @@ function Ge({
     ) : null
   ] });
 }
-function Qe({ open: a, onOpenChange: v }) {
-  const { t: l } = Z();
-  return /* @__PURE__ */ r(z.Root, { open: a, onOpenChange: v, children: /* @__PURE__ */ k(z.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(
       z.Overlay,
       {
@@ -370,13 +434,7 @@ function Qe({ open: a, onOpenChange: v }) {
         ].join(" "),
         children: [
           /* @__PURE__ */ k("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-md)]", children: [
-            /* @__PURE__ */ r(
-              z.Title,
-              {
-                className: "type-title-card ds:leading-snug",
-                children: l("editor.shortcuts.title")
-              }
-            ),
+            /* @__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",
               {
@@ -393,7 +451,13 @@ function Qe({ open: a, onOpenChange: v }) {
                   "ds:focus-visible:outline-[var(--ring)]",
                   "ds:forced-colors:focus-visible:outline-[CanvasText]"
                 ].join(" "),
-                children: /* @__PURE__ */ r(pe, { "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"
+                  }
+                )
               }
             ) })
           ] }),
@@ -430,39 +494,39 @@ function Qe({ open: a, onOpenChange: v }) {
     )
   ] }) });
 }
-const Xe = te(
+const We = se(
   ({
     id: a,
-    defaultValue: v,
+    defaultValue: g,
     value: l,
     onChange: h,
     toolbar: R = "standard",
     placeholder: M,
     readOnly: i = !1,
-    ariaLabel: S,
+    ariaLabel: $,
     minHeight: y,
     className: N
   }, A) => {
-    const { t: o } = Z(), c = se(), $ = K(
+    const { t: o } = U(), c = re(), D = j(
       () => `rte-${c.replace(/[^a-zA-Z0-9-_]/g, "")}`,
       [c]
-    ), [g, G] = I(!1);
+    ), [v, Q] = H(!1);
     w(() => {
-      typeof document > "u" || G(document.documentElement.dir === "rtl");
+      typeof document > "u" || Q(document.documentElement.dir === "rtl");
     }, []);
-    const [Q, q] = I(!1), C = H(null), L = H(h);
+    const [X, F] = H(!1), C = B(null), L = B(h);
     w(() => {
       L.current = h;
     }, [h]);
-    const X = K(() => {
-      const s = l ?? v ?? "";
-      return s ? j(s) : "";
-    }, [v, l]), e = ie({
+    const Y = j(() => {
+      const s = l ?? g ?? "";
+      return s ? I(s) : "";
+    }, [g, l]), e = oe({
       extensions: [
-        ne.configure({
+        ae.configure({
           heading: { levels: [1, 2, 3] }
         }),
-        ae.configure({
+        de.configure({
           protocols: ["http", "https", "mailto", "tel"],
           HTMLAttributes: {
             rel: "noopener noreferrer",
@@ -470,17 +534,17 @@ const Xe = te(
           },
           validate: (s) => /^(https?:|mailto:|tel:)/i.test(s)
         }),
-        de,
-        ce.configure({ resizable: !1 }),
-        le,
+        ce,
+        le.configure({ resizable: !1 }),
         ue,
         me,
-        fe.configure({
+        fe,
+        he.configure({
           html: !1,
           transformPastedText: !0
         })
       ],
-      content: X,
+      content: Y,
       editable: !i,
       immediatelyRender: !1,
       shouldRerenderOnTransaction: !0,
@@ -488,21 +552,21 @@ const Xe = te(
         attributes: {
           role: "textbox",
           "aria-multiline": "true",
-          "aria-label": S ?? o("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 }) {
         L.current && (C.current && clearTimeout(C.current), C.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 = L.current) == null || p.call(L, { html: t, markdown: f });
+          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));
       }
     });
@@ -512,10 +576,10 @@ const Xe = te(
       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]), re(
-      A,
+    }, [e, l]);
+    const E = j(
       () => ({
         getHTML() {
           return (e == null ? void 0 : e.getHTML()) ?? "";
@@ -526,7 +590,7 @@ const Xe = te(
         },
         setContent(s) {
           if (!e) return;
-          const t = j(s);
+          const t = I(s);
           e.commands.setContent(t);
         },
         focus() {
@@ -538,24 +602,25 @@ const Xe = te(
       }),
       [e]
     );
-    const F = H([]), [T, D] = I(0), E = K(() => Ue[R], [R]), Y = _(
+    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 = _((s) => {
-      const t = F.current[s];
+    ), P = _((s) => {
+      const t = V.current[s];
       t && t.focus();
-    }, []), P = _(
+    }, []), 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 = (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(), D(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));
       },
-      [T, V, g, E.length]
-    ), J = _(
+      [T, P, v, q.length]
+    ), W = _(
       (s) => {
         if (s.preventDefault(), !e) return;
         const t = e.getAttributes("link").href, u = window.prompt(o("editor.link.insert"), t ?? "");
@@ -568,21 +633,21 @@ const Xe = te(
         /^(https?:|mailto:|tel:)/i.test(f) && e.chain().focus().extendMarkRange("link").setLink({ href: f }).run();
       },
       [e, o]
-    ), W = _(() => {
+    ), O = _(() => {
       if (!e) return;
       const s = window.prompt(o("editor.image.insert"), "");
       if (s === null) return;
-      const t = be(s);
+      const t = ge(s);
       t && e.chain().focus().setImage({ src: t }).run();
     }, [e, o]);
-    function O(s, t) {
+    function ee(s, t) {
       if (!e) return null;
-      const u = Y(t), f = {
+      const u = J(t), f = {
         tabIndex: t === T ? 0 : -1,
-        onFocus: () => D(t),
-        onKeyDown: P
-      }, d = (n, x) => U({ pressed: n, disabled: x });
-      function b(n) {
+        onFocus: () => K(t),
+        onKeyDown: Z
+      }, d = (n, x) => G({ pressed: n, disabled: x });
+      function p(n) {
         return /* @__PURE__ */ r(
           "button",
           {
@@ -602,7 +667,7 @@ const Xe = te(
           }
         );
       }
-      function p(n) {
+      function b(n) {
         return /* @__PURE__ */ r(
           "button",
           {
@@ -627,119 +692,191 @@ const Xe = te(
       }
       switch (s) {
         case "bold":
-          return b({
+          return p({
             label: o("editor.bold"),
             pressed: e.isActive("bold"),
             disabled: i,
             shortcut: "Control+B Meta+B",
             onActivate: () => e.chain().focus().toggleBold().run(),
-            icon: /* @__PURE__ */ r(ke, { "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({
+          return p({
             label: o("editor.italic"),
             pressed: e.isActive("italic"),
             disabled: i,
             shortcut: "Control+I Meta+I",
             onActivate: () => e.chain().focus().toggleItalic().run(),
-            icon: /* @__PURE__ */ r(Ne, { "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({
+          return b({
             label: o("editor.link.insert"),
             disabled: i,
             shortcut: "Control+K Meta+K",
-            onActivate: J,
-            icon: /* @__PURE__ */ r(Ce, { "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(
-            Ge,
+            Ye,
             {
               editor: e,
               registerRef: u,
               tabIndex: t === T ? 0 : -1,
-              onFocus: () => D(t),
-              onKeyDown: P,
+              onFocus: () => K(t),
+              onKeyDown: Z,
               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({
+          return p({
             label: o("editor.list.bullet"),
             pressed: e.isActive("bulletList"),
             disabled: i,
             onActivate: () => e.chain().focus().toggleBulletList().run(),
-            icon: /* @__PURE__ */ r(Re, { "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({
+          return p({
             label: o("editor.list.ordered"),
             pressed: e.isActive("orderedList"),
             disabled: i,
             onActivate: () => e.chain().focus().toggleOrderedList().run(),
-            icon: /* @__PURE__ */ r(Te, { "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({
+          return p({
             label: o("editor.quote"),
             pressed: e.isActive("blockquote"),
             disabled: i,
             onActivate: () => e.chain().focus().toggleBlockquote().run(),
-            icon: /* @__PURE__ */ r(Be, { "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({
+          return b({
             label: o("editor.image.insert"),
             disabled: i,
-            onActivate: W,
-            icon: /* @__PURE__ */ r(we, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+            onActivate: O,
+            icon: /* @__PURE__ */ r(
+              Ne,
+              {
+                "aria-hidden": "true",
+                className: "ds:block-size-4 ds:inline-size-4"
+              }
+            )
           });
         case "table":
-          return p({
+          return b({
             label: o("editor.table.insert"),
             disabled: i,
             onActivate: () => e.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run(),
-            icon: /* @__PURE__ */ r(Ee, { "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({
+          return p({
             label: o("editor.codeBlock"),
             pressed: e.isActive("codeBlock"),
             disabled: i,
             onActivate: () => e.chain().focus().toggleCodeBlock().run(),
-            icon: /* @__PURE__ */ r(xe, { "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({
+          return b({
             label: o("editor.horizontalRule"),
             disabled: i,
             onActivate: () => e.chain().focus().setHorizontalRule().run(),
-            icon: /* @__PURE__ */ r(Ie, { "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({
+          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(qe, { "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({
+          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 ee = (() => {
+    const te = (() => {
       switch (y) {
         case "sm":
           return "min-block-size-[8rem]";
@@ -754,9 +891,9 @@ const Xe = te(
     return /* @__PURE__ */ k(
       "div",
       {
-        id: $,
-        className: [Ve(), N].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: [
@@ -765,78 +902,30 @@ const Xe = te(
             {
               role: "toolbar",
               "aria-label": o("editor.toolbarLabel"),
-              className: Pe({ direction: g ? "rtl" : "ltr" }),
-              children: E.map((s, t) => /* @__PURE__ */ r("span", { className: "ds:contents", children: O(s, t) }, s))
+              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(), ee].filter(Boolean).join(" "),
-              children: /* @__PURE__ */ r(oe, { editor: e })
+              className: [Qe(), te].filter(Boolean).join(" "),
+              children: /* @__PURE__ */ r(ne, { editor: e })
             }
           ),
-          /* @__PURE__ */ r(Qe, { open: Q, onOpenChange: q })
+          /* @__PURE__ */ r(Je, { open: X, onOpenChange: F })
         ]
       }
     );
   }
 );
-Xe.displayName = "RichTextEditor";
-const ht = {
-  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, v) => {
-        a.setContent(v.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."
-    }
-  }
-};
+We.displayName = "RichTextEditor";
 export {
-  Xe as R,
-  Pe as a,
-  Ze as e,
-  ht as r,
-  U as t,
-  Ve 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-DnE125Tz.js.map
+//# sourceMappingURL=rich-text-editor-C7TCIlQO.js.map