@alfadocs/ui-kit 0.1.8 → 0.1.10

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

@@ -1,21 +1,21 @@
 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 { 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 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 { useTranslation as Z } 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 { c as m } from "./createLucideIcon-CrFbzy84.js";
 /**
  * @license lucide-react v1.8.0 - ISC
@@ -23,97 +23,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 ge = [
   [
     "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);
+], ke = m("bold", ge);
 /**
  * @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 ye = [
   ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
   ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
-], ye = m("code", ke);
+], xe = m("code", 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 xe = [
+const ze = [
   ["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);
+], we = m("image", 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 we = [
+const Me = [
   ["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);
+], Ne = m("italic", 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 Ne = [
+const Ae = [
   ["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);
+], Ce = m("link-2", 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 Ce = [
+const Le = [
   ["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);
+], Te = m("list-ordered", 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 Te = [
+const _e = [
   ["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);
+], Re = m("list", _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 Re = [["path", { d: "M5 12h14", key: "1ays0h" }]], je = m("minus", Re);
+const je = [["path", { d: "M5 12h14", key: "1ays0h" }]], Ie = m("minus", 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 Ie = [
+const He = [
   [
     "path",
     {
@@ -128,17 +128,17 @@ const Ie = [
       key: "1ymkrd"
     }
   ]
-], He = m("quote", Ie);
+], Be = m("quote", 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 Be = [
+const Se = [
   ["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);
+], $e = m("redo", Se);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
@@ -150,17 +150,17 @@ const De = [
   ["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);
+], Ee = m("table", 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 Ee = [
+const Ke = [
   ["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 = {
+], qe = m("undo", Ke), Fe = {
   FORBID_TAGS: [
     "script",
     "style",
@@ -181,11 +181,11 @@ const Ee = [
   ]
 };
 function j(a) {
-  return fe.sanitize(a, qe);
+  return he.sanitize(a, Fe);
 }
-const Fe = B(
+const Ve = B(
   "tiptap-theme-alfadocs ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]"
-), Ve = B(
+), Pe = B(
   [
     "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)]",
@@ -234,7 +234,7 @@ const Fe = B(
     "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
     "ds:bg-[var(--background)] ds:text-[var(--foreground)]"
   ].join(" ")
-), Pe = {
+), Ue = {
   minimal: ["bold", "italic", "link"],
   standard: [
     "bold",
@@ -261,57 +261,57 @@ const Fe = B(
     "redo"
   ]
 };
-function Ue({
+function Ge({
   editor: a,
-  registerRef: l,
-  tabIndex: h,
-  onFocus: v,
-  onKeyDown: $,
-  label: o,
-  disabled: y,
-  pressed: D
+  registerRef: v,
+  tabIndex: l,
+  onFocus: h,
+  onKeyDown: R,
+  label: M,
+  disabled: i,
+  pressed: S
 }) {
-  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] = I(!1), A = H(null);
+  w(() => {
+    if (!y) return;
+    function c($) {
+      const g = $.target;
+      A.current && g && !A.current.contains(g) && 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: v,
+        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: U({ pressed: S, 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(ve, { "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 +324,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 +343,11 @@ 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 Qe({ open: a, onOpenChange: v }) {
+  const { t: l } = Z();
+  return /* @__PURE__ */ r(z.Root, { open: a, onOpenChange: v, 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 +357,7 @@ function Ge({ open: a, onOpenChange: l }) {
       }
     ),
     /* @__PURE__ */ k(
-      w.Content,
+      z.Content,
       {
         className: [
           "ds:fixed ds:z-[var(--z-modal)]",
@@ -371,17 +371,17 @@ function Ge({ open: a, onOpenChange: l }) {
         children: [
           /* @__PURE__ */ k("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-md)]", children: [
             /* @__PURE__ */ r(
-              w.Title,
+              z.Title,
               {
                 className: "type-title-card ds:leading-snug",
-                children: h("editor.shortcuts.title")
+                children: l("editor.shortcuts.title")
               }
             ),
-            /* @__PURE__ */ r(w.Close, { asChild: !0, children: /* @__PURE__ */ r(
+            /* @__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 +393,7 @@ 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(pe, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
               }
             ) })
           ] }),
@@ -404,12 +404,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 +418,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 Xe = te(
   ({
-    defaultValue: a,
+    id: a,
+    defaultValue: v,
     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: S,
+    minHeight: y,
+    className: N
+  }, A) => {
+    const { t: o } = Z(), c = se(), $ = K(
+      () => `rte-${c.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [c]
+    ), [g, G] = I(!1);
+    w(() => {
+      typeof document > "u" || G(document.documentElement.dir === "rtl");
     }, []);
-    const [G, q] = I(!1), A = H(null), C = H(h);
-    M(() => {
-      C.current = h;
+    const [Q, q] = I(!1), C = H(null), L = H(h);
+    w(() => {
+      L.current = h;
     }, [h]);
-    const Q = K(() => {
-      const s = l ?? a ?? "";
+    const X = K(() => {
+      const s = l ?? v ?? "";
       return s ? j(s) : "";
-    }, [a, l]), e = re({
+    }, [v, l]), e = ie({
       extensions: [
-        oe.configure({
+        ne.configure({
           heading: { levels: [1, 2, 3] }
         }),
-        ne.configure({
+        ae.configure({
           protocols: ["http", "https", "mailto", "tel"],
           HTMLAttributes: {
             rel: "noopener noreferrer",
@@ -469,26 +470,26 @@ const Qe = ee(
           },
           validate: (s) => /^(https?:|mailto:|tel:)/i.test(s)
         }),
-        ae,
-        de.configure({ resizable: !1 }),
-        ce,
+        de,
+        ce.configure({ resizable: !1 }),
         le,
         ue,
-        me.configure({
+        me,
+        fe.configure({
           html: !1,
           transformPastedText: !0
         })
       ],
-      content: Q,
-      editable: !o,
+      content: X,
+      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": S ?? o("editor.placeholder"),
+          "data-placeholder": M ?? o("editor.placeholder")
         },
         transformPastedHTML(s) {
           return j(s);
@@ -498,23 +499,23 @@ const Qe = ee(
         }
       },
       onUpdate({ editor: s }) {
-        C.current && (A.current && clearTimeout(A.current), A.current = setTimeout(() => {
+        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 = C.current) == null || p.call(C, { html: t, markdown: f });
+          (p = L.current) == null || p.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);
       e.commands.setContent(t, { emitUpdate: !1 });
-    }, [e, l]), se(
-      N,
+    }, [e, l]), re(
+      A,
       () => ({
         getHTML() {
           return (e == null ? void 0 : e.getHTML()) ?? "";
@@ -537,27 +538,27 @@ const Qe = ee(
       }),
       [e]
     );
-    const F = H([]), [L, S] = I(0), E = K(() => Pe[v], [v]), X = T(
+    const F = H([]), [T, D] = I(0), E = K(() => Ue[R], [R]), Y = _(
       (s) => (t) => {
         F.current[s] = t;
       },
       []
-    ), V = T((s) => {
+    ), V = _((s) => {
       const t = F.current[s];
       t && t.focus();
-    }, []), Z = T(
+    }, []), P = _(
       (s) => {
         const t = E.length;
         if (t === 0) return;
         const u = g ? "ArrowLeft" : "ArrowRight", f = g ? "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(), D(d), V(d));
       },
-      [L, V, g, E.length]
-    ), Y = T(
+      [T, V, g, E.length]
+    ), J = _(
       (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,21 +567,21 @@ const Qe = ee(
         }
         /^(https?:|mailto:|tel:)/i.test(f) && e.chain().focus().extendMarkRange("link").setLink({ href: f }).run();
       },
-      [e, i]
-    ), J = T(() => {
+      [e, o]
+    ), W = _(() => {
       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 = be(s);
       t && e.chain().focus().setImage({ src: t }).run();
-    }, [e, i]);
-    function W(s, t) {
+    }, [e, o]);
+    function O(s, t) {
       if (!e) return null;
-      const u = X(t), f = {
-        tabIndex: t === L ? 0 : -1,
-        onFocus: () => S(t),
-        onKeyDown: Z
-      }, d = (n, z) => U({ pressed: n, disabled: z });
+      const u = Y(t), f = {
+        tabIndex: t === T ? 0 : -1,
+        onFocus: () => D(t),
+        onKeyDown: P
+      }, d = (n, x) => U({ pressed: n, disabled: x });
       function b(n) {
         return /* @__PURE__ */ r(
           "button",
@@ -593,8 +594,8 @@ 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
@@ -612,12 +613,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
@@ -627,109 +628,109 @@ const Qe = ee(
       switch (s) {
         case "bold":
           return b({
-            label: i("editor.bold"),
+            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(ke, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "italic":
           return b({
-            label: i("editor.italic"),
+            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(Ne, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "link":
           return p({
-            label: i("editor.link.insert"),
-            disabled: o,
+            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: J,
+            icon: /* @__PURE__ */ r(Ce, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "heading":
           return /* @__PURE__ */ r(
-            Ue,
+            Ge,
             {
               editor: e,
               registerRef: u,
-              tabIndex: t === L ? 0 : -1,
-              onFocus: () => S(t),
-              onKeyDown: Z,
-              label: i("editor.heading"),
-              disabled: o,
+              tabIndex: t === T ? 0 : -1,
+              onFocus: () => D(t),
+              onKeyDown: P,
+              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"),
+            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(Re, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "orderedList":
           return b({
-            label: i("editor.list.ordered"),
+            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(Te, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "quote":
           return b({
-            label: i("editor.quote"),
+            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(Be, { "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" })
+            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" })
           });
         case "table":
           return p({
-            label: i("editor.table.insert"),
-            disabled: o,
+            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(Ee, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "codeBlock":
           return b({
-            label: i("editor.codeBlock"),
+            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(xe, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "horizontalRule":
           return p({
-            label: i("editor.horizontalRule"),
-            disabled: o,
+            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(Ie, { "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(),
+            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(qe, { "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(),
+            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" })
@@ -738,8 +739,8 @@ const Qe = ee(
           return null;
       }
     }
-    const O = (() => {
-      switch (D) {
+    const ee = (() => {
+      switch (y) {
         case "sm":
           return "min-block-size-[8rem]";
         case "md":
@@ -753,35 +754,36 @@ const Qe = ee(
     return /* @__PURE__ */ k(
       "div",
       {
-        id: c,
-        className: [Fe(), x].filter(Boolean).join(" "),
+        id: $,
+        className: [Ve(), N].filter(Boolean).join(" "),
         dir: g ? "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: Pe({ direction: g ? "rtl" : "ltr" }),
+              children: E.map((s, t) => /* @__PURE__ */ r("span", { className: "ds:contents", children: O(s, t) }, s))
             }
           ),
           /* @__PURE__ */ r(
             "div",
             {
-              className: [Ze(), O].filter(Boolean).join(" "),
-              children: /* @__PURE__ */ r(ie, { editor: e })
+              className: [Ze(), ee].filter(Boolean).join(" "),
+              children: /* @__PURE__ */ r(oe, { editor: e })
             }
           ),
-          /* @__PURE__ */ r(Ge, { open: G, onOpenChange: q })
+          /* @__PURE__ */ r(Qe, { open: Q, onOpenChange: q })
         ]
       }
     );
   }
 );
-Qe.displayName = "RichTextEditor";
-const ft = {
+Xe.displayName = "RichTextEditor";
+const ht = {
   id: "rich-text-editor",
   capabilities: ["edit_inline"],
   state: {
@@ -801,8 +803,8 @@ const ft = {
       safety: "destructive",
       argsType: "{ html: string }",
       description: "Replace the editor content. Loses unsaved input.",
-      invoke: (a, l) => {
-        a.setContent(l.html);
+      invoke: (a, v) => {
+        a.setContent(v.html);
       }
     },
     clear: {
@@ -821,15 +823,20 @@ const ft = {
     }
   },
   domHooks: {
-    root: { attr: "data-component", value: "rich-text-editor" }
+    root: { attr: "data-component", value: "rich-text-editor" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
   }
 };
 export {
-  Qe as R,
-  Ve as a,
+  Xe as R,
+  Pe as a,
   Ze as e,
-  ft as r,
+  ht as r,
   U as t,
-  Fe as w
+  Ve as w
 };
-//# sourceMappingURL=rich-text-editor.agent-COSb5_2D.js.map
+//# sourceMappingURL=rich-text-editor.agent-DnE125Tz.js.map