@alfadocs/ui-kit 0.0.19 → 0.1.0

package/dist/_chunks/{rich-text-editor.agent-BOjF4Xao.js → rich-text-editor.agent-C1_E7_7t.js}

@@ -1,12 +1,12 @@
-import { jsxs as k, jsx as i } 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 re, useCallback as T } 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 se from "@tiptap/extension-image";
-import { Table as ce } from "@tiptap/extension-table";
-import le from "@tiptap/extension-table-row";
-import de from "@tiptap/extension-table-cell";
+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";
@@ -180,50 +180,50 @@ const Ee = [
     "onblur"
   ]
 };
-function j(s) {
-  return fe.sanitize(s, qe);
+function j(a) {
+  return fe.sanitize(a, qe);
 }
 const Fe = B(
-  "tiptap-theme-alfadocs flex flex-col gap-[var(--spacing-sm)]"
+  "tiptap-theme-alfadocs ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]"
 ), Ve = B(
   [
-    "flex flex-wrap items-center gap-[var(--spacing-xs)]",
-    "rounded-[var(--radius-md)] border border-[color:var(--border)]",
-    "bg-[var(--background)] p-[var(--spacing-xs)]"
+    "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
+    "ds:bg-[var(--background)] ds:p-[var(--spacing-xs)]"
   ].join(" "),
   {
     variants: {
       direction: {
         ltr: "",
-        rtl: "flex-row-reverse"
+        rtl: "ds:flex-row-reverse"
       }
     },
     defaultVariants: { direction: "ltr" }
   }
 ), U = B(
   [
-    "inline-flex items-center justify-center",
-    "min-block-size-[var(--min-target-size)]",
-    "min-inline-size-[var(--min-target-size)]",
-    "gap-[var(--spacing-xs)]",
-    "rounded-[var(--radius-sm)] bg-transparent text-[var(--foreground)]",
-    "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
-    "hover:bg-[var(--muted)]",
-    "focus-visible:outline-[length:var(--focus-ring-width)]",
-    "focus-visible:outline-solid",
-    "focus-visible:outline-[var(--ring)]",
-    "focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "forced-colors:focus-visible:outline-[CanvasText]",
-    "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]"
+    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:min-block-size-[var(--min-target-size)]",
+    "ds:min-inline-size-[var(--min-target-size)]",
+    "ds:gap-[var(--spacing-xs)]",
+    "ds:rounded-[var(--radius-sm)] ds:bg-transparent ds:text-[var(--foreground)]",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:hover:bg-[var(--muted)]",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[var(--ring)]",
+    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]"
   ].join(" "),
   {
     variants: {
       pressed: {
-        true: "bg-[var(--muted)] text-[var(--primary)]",
+        true: "ds:bg-[var(--muted)] ds:text-[var(--primary)]",
         false: ""
       },
       disabled: {
-        true: "opacity-[var(--opacity-50)] cursor-not-allowed",
+        true: "ds:opacity-[var(--opacity-50)] ds:cursor-not-allowed",
         false: ""
       }
     },
@@ -231,8 +231,8 @@ const Fe = B(
   }
 ), Ze = B(
   [
-    "rounded-[var(--radius-md)] border border-[color:var(--border)]",
-    "bg-[var(--background)] text-[var(--foreground)]"
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
+    "ds:bg-[var(--background)] ds:text-[var(--foreground)]"
   ].join(" ")
 ), Pe = {
   minimal: ["bold", "italic", "link"],
@@ -262,97 +262,97 @@ const Fe = B(
   ]
 };
 function Ue({
-  editor: s,
-  registerRef: d,
+  editor: a,
+  registerRef: l,
   tabIndex: h,
   onFocus: v,
   onKeyDown: $,
-  label: n,
+  label: o,
   disabled: y,
   pressed: D
 }) {
-  const [x, N] = I(!1), o = H(null);
+  const [x, N] = I(!1), i = H(null);
   M(() => {
     if (!x) return;
-    function l(g) {
+    function c(g) {
       const R = g.target;
-      o.current && R && !o.current.contains(R) && N(!1);
+      i.current && R && !i.current.contains(R) && N(!1);
     }
-    return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
+    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
   }, [x]);
-  function _(l) {
-    s.chain().focus().toggleHeading({ level: l }).run(), N(!1);
+  function _(c) {
+    a.chain().focus().toggleHeading({ level: c }).run(), N(!1);
   }
-  return /* @__PURE__ */ k("div", { ref: o, className: "relative inline-flex", children: [
+  return /* @__PURE__ */ k("div", { ref: i, className: "ds:relative ds:inline-flex", children: [
     /* @__PURE__ */ k(
       "button",
       {
         type: "button",
-        ref: d,
+        ref: l,
         tabIndex: h,
         onFocus: v,
         onKeyDown: $,
         onClick: () => {
-          y || N((l) => !l);
+          y || N((c) => !c);
         },
         "aria-haspopup": "listbox",
         "aria-expanded": x,
         "aria-disabled": y || void 0,
-        "aria-label": n,
-        title: n,
+        "aria-label": o,
+        title: o,
         className: U({ pressed: D, disabled: y }),
         children: [
-          /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "text-[var(--font-size-sm)] font-semibold", children: "H" }),
-          /* @__PURE__ */ i(pe, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+          /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "ds:text-[var(--font-size-sm)] ds:font-semibold", children: "H" }),
+          /* @__PURE__ */ r(pe, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
         ]
       }
     ),
-    x && !y ? /* @__PURE__ */ i(
+    x && !y ? /* @__PURE__ */ r(
       "ul",
       {
         role: "listbox",
-        "aria-label": n,
+        "aria-label": o,
         className: [
-          "absolute top-full mt-[var(--spacing-xs)] start-0 z-[var(--z-dropdown)]",
-          "min-inline-size-[8rem] rounded-[var(--radius-md)]",
-          "border border-[color:var(--border)] bg-[var(--background)]",
-          "shadow-[var(--shadow-lg)] p-[var(--spacing-xs)]"
+          "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)]",
+          "ds:border ds:border-[color:var(--border)] ds:bg-[var(--background)]",
+          "ds:shadow-[var(--shadow-lg)] ds:p-[var(--spacing-xs)]"
         ].join(" "),
-        children: [1, 2, 3].map((l) => /* @__PURE__ */ i("li", { role: "none", children: /* @__PURE__ */ i(
+        children: [1, 2, 3].map((c) => /* @__PURE__ */ r("li", { role: "none", children: /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             role: "option",
-            "aria-selected": s.isActive("heading", { level: l }) || void 0,
-            onClick: () => _(l),
+            "aria-selected": a.isActive("heading", { level: c }) || void 0,
+            onClick: () => _(c),
             className: [
-              "flex w-full items-center",
-              "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]",
-              "min-block-size-[var(--min-target-size)]",
-              "rounded-[var(--radius-sm)] text-start",
-              "hover:bg-[var(--muted)]",
-              "focus-visible:outline-[length:var(--focus-ring-width)]",
-              "focus-visible:outline-solid",
-              "focus-visible:outline-[var(--ring)]",
-              "forced-colors:focus-visible:outline-[CanvasText]"
+              "ds:flex ds:w-full ds:items-center",
+              "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+              "ds:min-block-size-[var(--min-target-size)]",
+              "ds:rounded-[var(--radius-sm)] ds:text-start",
+              "ds:hover:bg-[var(--muted)]",
+              "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+              "ds:focus-visible:outline-solid",
+              "ds:focus-visible:outline-[var(--ring)]",
+              "ds:forced-colors:focus-visible:outline-[CanvasText]"
             ].join(" "),
-            children: `H${l}`
+            children: `H${c}`
           }
-        ) }, l))
+        ) }, c))
       }
     ) : null
   ] });
 }
-function Ge({ open: s, onOpenChange: d }) {
+function Ge({ open: a, onOpenChange: l }) {
   const { t: h } = P();
-  return /* @__PURE__ */ i(w.Root, { open: s, onOpenChange: d, children: /* @__PURE__ */ k(w.Portal, { children: [
-    /* @__PURE__ */ i(
+  return /* @__PURE__ */ r(w.Root, { open: a, onOpenChange: l, children: /* @__PURE__ */ k(w.Portal, { children: [
+    /* @__PURE__ */ r(
       w.Overlay,
       {
         className: [
-          "fixed inset-0 z-[var(--z-modal-backdrop)]",
-          "bg-[var(--background)]/[var(--opacity-70)]",
-          "backdrop-blur-sm"
+          "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
+          "ds:bg-[var(--background)]/[var(--opacity-70)]",
+          "ds:backdrop-blur-sm"
         ].join(" ")
       }
     ),
@@ -360,44 +360,44 @@ function Ge({ open: s, onOpenChange: d }) {
       w.Content,
       {
         className: [
-          "fixed z-[var(--z-modal)]",
-          "start-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",
-          "w-[calc(100%-var(--spacing-lg)*2)] max-w-[var(--dialog-width-md)]",
-          "rounded-[var(--radius-lg)]",
-          "bg-[var(--popover)] text-[var(--popover-foreground)]",
-          "shadow-[var(--shadow-xl)] p-[var(--spacing-lg)]",
-          "focus-visible:outline-none"
+          "ds:fixed ds:z-[var(--z-modal)]",
+          "ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2",
+          "ds:w-[calc(100%-var(--spacing-lg)*2)] ds:max-w-[var(--dialog-width-md)]",
+          "ds:rounded-[var(--radius-lg)]",
+          "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
+          "ds:shadow-[var(--shadow-xl)] ds:p-[var(--spacing-lg)]",
+          "ds:focus-visible:outline-none"
         ].join(" "),
         children: [
-          /* @__PURE__ */ k("div", { className: "flex items-start justify-between gap-[var(--spacing-md)]", children: [
-            /* @__PURE__ */ i(
+          /* @__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 leading-snug",
+                className: "type-title-card ds:leading-snug",
                 children: h("editor.shortcuts.title")
               }
             ),
-            /* @__PURE__ */ i(w.Close, { asChild: !0, children: /* @__PURE__ */ i(
+            /* @__PURE__ */ r(w.Close, { asChild: !0, children: /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
                 "aria-label": h("editor.shortcuts.close"),
                 className: [
-                  "inline-flex items-center justify-center",
-                  "min-block-size-[var(--min-target-size)]",
-                  "min-inline-size-[var(--min-target-size)]",
-                  "rounded-[var(--radius-sm)]",
-                  "hover:bg-[var(--muted)]",
-                  "focus-visible:outline-[length:var(--focus-ring-width)]",
-                  "focus-visible:outline-solid",
-                  "focus-visible:outline-[var(--ring)]",
-                  "forced-colors:focus-visible:outline-[CanvasText]"
+                  "ds:inline-flex ds:items-center ds:justify-center",
+                  "ds:min-block-size-[var(--min-target-size)]",
+                  "ds:min-inline-size-[var(--min-target-size)]",
+                  "ds:rounded-[var(--radius-sm)]",
+                  "ds:hover:bg-[var(--muted)]",
+                  "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+                  "ds:focus-visible:outline-solid",
+                  "ds:focus-visible:outline-[var(--ring)]",
+                  "ds:forced-colors:focus-visible:outline-[CanvasText]"
                 ].join(" "),
-                children: /* @__PURE__ */ i(be, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+                children: /* @__PURE__ */ r(be, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
               }
             ) })
           ] }),
-          /* @__PURE__ */ i("ul", { className: "mt-[var(--spacing-md)] flex flex-col gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ r("ul", { className: "ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
             { key: "editor.shortcuts.bold", combo: "⌘/Ctrl + B" },
             { key: "editor.shortcuts.italic", combo: "⌘/Ctrl + I" },
             { key: "editor.shortcuts.link", combo: "⌘/Ctrl + K" },
@@ -407,16 +407,16 @@ function Ge({ open: s, onOpenChange: d }) {
           ].map((v) => /* @__PURE__ */ k(
             "li",
             {
-              className: "flex items-center justify-between gap-[var(--spacing-md)]",
+              className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-md)]",
               children: [
-                /* @__PURE__ */ i("span", { className: "text-[var(--font-size-sm)]", children: h(v.key) }),
-                /* @__PURE__ */ i(
+                /* @__PURE__ */ r("span", { className: "ds:text-[var(--font-size-sm)]", children: h(v.key) }),
+                /* @__PURE__ */ r(
                   "kbd",
                   {
                     className: [
-                      "font-[var(--font-mono)] text-[var(--font-size-xs)]",
-                      "ps-[var(--spacing-xs)] pe-[var(--spacing-xs)]",
-                      "rounded-[var(--radius-sm)] bg-[var(--muted)]"
+                      "ds:font-[var(--font-mono)] ds:text-[var(--font-size-xs)]",
+                      "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
+                      "ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]"
                     ].join(" "),
                     children: v.combo
                   }
@@ -432,17 +432,17 @@ function Ge({ open: s, onOpenChange: d }) {
 }
 const Qe = ee(
   ({
-    defaultValue: s,
-    value: d,
+    defaultValue: a,
+    value: l,
     onChange: h,
     toolbar: v = "standard",
     placeholder: $,
-    readOnly: n = !1,
+    readOnly: o = !1,
     ariaLabel: y,
     minHeight: D,
     className: x
   }, N) => {
-    const { t: o } = P(), _ = te(), l = K(
+    const { t: i } = P(), _ = te(), c = K(
       () => `rte-${_.replace(/[^a-zA-Z0-9-_]/g, "")}`,
       [_]
     ), [g, R] = I(!1);
@@ -454,25 +454,25 @@ const Qe = ee(
       C.current = h;
     }, [h]);
     const Q = K(() => {
-      const r = d ?? s ?? "";
-      return r ? j(r) : "";
-    }, [s, d]), e = ie({
+      const s = l ?? a ?? "";
+      return s ? j(s) : "";
+    }, [a, l]), e = re({
       extensions: [
-        ne.configure({
+        oe.configure({
           heading: { levels: [1, 2, 3] }
         }),
-        ae.configure({
+        ne.configure({
           protocols: ["http", "https", "mailto", "tel"],
           HTMLAttributes: {
             rel: "noopener noreferrer",
             target: "_blank"
           },
-          validate: (r) => /^(https?:|mailto:|tel:)/i.test(r)
+          validate: (s) => /^(https?:|mailto:|tel:)/i.test(s)
         }),
-        se,
-        ce.configure({ resizable: !1 }),
+        ae,
+        de.configure({ resizable: !1 }),
+        ce,
         le,
-        de,
         ue,
         me.configure({
           html: !1,
@@ -480,27 +480,27 @@ const Qe = ee(
         })
       ],
       content: Q,
-      editable: !n,
+      editable: !o,
       immediatelyRender: !1,
       shouldRerenderOnTransaction: !0,
       editorProps: {
         attributes: {
           role: "textbox",
           "aria-multiline": "true",
-          "aria-label": y ?? o("editor.placeholder"),
-          "data-placeholder": $ ?? o("editor.placeholder")
+          "aria-label": y ?? i("editor.placeholder"),
+          "data-placeholder": $ ?? i("editor.placeholder")
         },
-        transformPastedHTML(r) {
-          return j(r);
+        transformPastedHTML(s) {
+          return j(s);
         },
-        handleKeyDown(r, t) {
+        handleKeyDown(s, t) {
           return (t.metaKey || t.ctrlKey) && t.key === "/" ? (t.preventDefault(), q(!0), !0) : !1;
         }
       },
-      onUpdate({ editor: r }) {
+      onUpdate({ editor: s }) {
         C.current && (A.current && clearTimeout(A.current), A.current = setTimeout(() => {
-          var c, b, p;
-          const t = r.getHTML(), f = ((b = (c = r.storage.markdown) == null ? void 0 : c.getMarkdown) == null ? void 0 : b.call(c)) ?? "";
+          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 });
         }, 100));
       }
@@ -508,12 +508,12 @@ const Qe = ee(
     M(() => () => {
       A.current && clearTimeout(A.current);
     }, []), M(() => {
-      e && e.setEditable(!n);
-    }, [e, n]), M(() => {
-      if (!e || d === void 0 || e.getHTML() === d) return;
-      const t = j(d);
+      e && e.setEditable(!o);
+    }, [e, o]), M(() => {
+      if (!e || l === void 0 || e.getHTML() === l) return;
+      const t = j(l);
       e.commands.setContent(t, { emitUpdate: !1 });
-    }, [e, d]), re(
+    }, [e, l]), se(
       N,
       () => ({
         getHTML() {
@@ -523,9 +523,9 @@ const Qe = ee(
           var t, u;
           return e ? ((u = (t = e.storage.markdown) == null ? void 0 : t.getMarkdown) == null ? void 0 : u.call(t)) ?? "" : "";
         },
-        setContent(r) {
+        setContent(s) {
           if (!e) return;
-          const t = j(r);
+          const t = j(s);
           e.commands.setContent(t);
         },
         focus() {
@@ -538,26 +538,26 @@ const Qe = ee(
       [e]
     );
     const F = H([]), [L, S] = I(0), E = K(() => Pe[v], [v]), X = T(
-      (r) => (t) => {
-        F.current[r] = t;
+      (s) => (t) => {
+        F.current[s] = t;
       },
       []
-    ), V = T((r) => {
-      const t = F.current[r];
+    ), V = T((s) => {
+      const t = F.current[s];
       t && t.focus();
     }, []), Z = T(
-      (r) => {
+      (s) => {
         const t = E.length;
         if (t === 0) return;
         const u = g ? "ArrowLeft" : "ArrowRight", f = g ? "ArrowRight" : "ArrowLeft";
-        let c = null;
-        r.key === u ? c = (L + 1) % t : r.key === f ? c = (L - 1 + t) % t : r.key === "Home" ? c = 0 : r.key === "End" && (c = t - 1), c !== null && (r.preventDefault(), S(c), V(c));
+        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));
       },
       [L, V, g, E.length]
     ), Y = T(
-      (r) => {
-        if (r.preventDefault(), !e) return;
-        const t = e.getAttributes("link").href, u = window.prompt(o("editor.link.insert"), t ?? "");
+      (s) => {
+        if (s.preventDefault(), !e) return;
+        const t = e.getAttributes("link").href, u = window.prompt(i("editor.link.insert"), t ?? "");
         if (u === null) return;
         const f = u.trim();
         if (f === "") {
@@ -566,93 +566,93 @@ const Qe = ee(
         }
         /^(https?:|mailto:|tel:)/i.test(f) && e.chain().focus().extendMarkRange("link").setLink({ href: f }).run();
       },
-      [e, o]
+      [e, i]
     ), J = T(() => {
       if (!e) return;
-      const r = window.prompt(o("editor.image.insert"), "");
-      if (r === null) return;
-      const t = he(r);
+      const s = window.prompt(i("editor.image.insert"), "");
+      if (s === null) return;
+      const t = he(s);
       t && e.chain().focus().setImage({ src: t }).run();
-    }, [e, o]);
-    function W(r, t) {
+    }, [e, i]);
+    function W(s, t) {
       if (!e) return null;
       const u = X(t), f = {
         tabIndex: t === L ? 0 : -1,
         onFocus: () => S(t),
         onKeyDown: Z
-      }, c = (a, z) => U({ pressed: a, disabled: z });
-      function b(a) {
-        return /* @__PURE__ */ i(
+      }, d = (n, z) => U({ pressed: n, disabled: z });
+      function b(n) {
+        return /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             ref: u,
             ...f,
-            "aria-label": a.label,
-            "aria-pressed": a.pressed,
-            "aria-disabled": a.disabled || void 0,
-            "aria-keyshortcuts": a.shortcut,
-            title: a.label,
+            "aria-label": n.label,
+            "aria-pressed": n.pressed,
+            "aria-disabled": n.disabled || void 0,
+            "aria-keyshortcuts": n.shortcut,
+            title: n.label,
             onClick: (z) => {
-              z.preventDefault(), a.disabled || a.onActivate();
+              z.preventDefault(), n.disabled || n.onActivate();
             },
-            className: c(a.pressed, a.disabled),
-            children: a.icon
+            className: d(n.pressed, n.disabled),
+            children: n.icon
           }
         );
       }
-      function p(a) {
-        return /* @__PURE__ */ i(
+      function p(n) {
+        return /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             ref: u,
             ...f,
-            "aria-label": a.label,
-            "aria-disabled": a.disabled || void 0,
-            "aria-keyshortcuts": a.shortcut,
-            title: a.label,
+            "aria-label": n.label,
+            "aria-disabled": n.disabled || void 0,
+            "aria-keyshortcuts": n.shortcut,
+            title: n.label,
             onClick: (z) => {
-              if (a.disabled) {
+              if (n.disabled) {
                 z.preventDefault();
                 return;
               }
-              a.onActivate(z);
+              n.onActivate(z);
             },
-            className: c(!1, a.disabled),
-            children: a.icon
+            className: d(!1, n.disabled),
+            children: n.icon
           }
         );
       }
-      switch (r) {
+      switch (s) {
         case "bold":
           return b({
-            label: o("editor.bold"),
+            label: i("editor.bold"),
             pressed: e.isActive("bold"),
-            disabled: n,
+            disabled: o,
             shortcut: "Control+B Meta+B",
             onActivate: () => e.chain().focus().toggleBold().run(),
-            icon: /* @__PURE__ */ i(ge, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+            icon: /* @__PURE__ */ r(ge, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "italic":
           return b({
-            label: o("editor.italic"),
+            label: i("editor.italic"),
             pressed: e.isActive("italic"),
-            disabled: n,
+            disabled: o,
             shortcut: "Control+I Meta+I",
             onActivate: () => e.chain().focus().toggleItalic().run(),
-            icon: /* @__PURE__ */ i(Me, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+            icon: /* @__PURE__ */ r(Me, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "link":
           return p({
-            label: o("editor.link.insert"),
-            disabled: n,
+            label: i("editor.link.insert"),
+            disabled: o,
             shortcut: "Control+K Meta+K",
             onActivate: Y,
-            icon: /* @__PURE__ */ i(Ae, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+            icon: /* @__PURE__ */ r(Ae, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "heading":
-          return /* @__PURE__ */ i(
+          return /* @__PURE__ */ r(
             Ue,
             {
               editor: e,
@@ -660,79 +660,79 @@ const Qe = ee(
               tabIndex: t === L ? 0 : -1,
               onFocus: () => S(t),
               onKeyDown: Z,
-              label: o("editor.heading"),
-              disabled: n,
+              label: i("editor.heading"),
+              disabled: o,
               pressed: e.isActive("heading", { level: 1 }) || e.isActive("heading", { level: 2 }) || e.isActive("heading", { level: 3 })
             }
           );
         case "bulletList":
           return b({
-            label: o("editor.list.bullet"),
+            label: i("editor.list.bullet"),
             pressed: e.isActive("bulletList"),
-            disabled: n,
+            disabled: o,
             onActivate: () => e.chain().focus().toggleBulletList().run(),
-            icon: /* @__PURE__ */ i(_e, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+            icon: /* @__PURE__ */ r(_e, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "orderedList":
           return b({
-            label: o("editor.list.ordered"),
+            label: i("editor.list.ordered"),
             pressed: e.isActive("orderedList"),
-            disabled: n,
+            disabled: o,
             onActivate: () => e.chain().focus().toggleOrderedList().run(),
-            icon: /* @__PURE__ */ i(Le, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+            icon: /* @__PURE__ */ r(Le, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "quote":
           return b({
-            label: o("editor.quote"),
+            label: i("editor.quote"),
             pressed: e.isActive("blockquote"),
-            disabled: n,
+            disabled: o,
             onActivate: () => e.chain().focus().toggleBlockquote().run(),
-            icon: /* @__PURE__ */ i(He, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+            icon: /* @__PURE__ */ r(He, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "image":
           return p({
-            label: o("editor.image.insert"),
-            disabled: n,
+            label: i("editor.image.insert"),
+            disabled: o,
             onActivate: J,
-            icon: /* @__PURE__ */ i(ze, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+            icon: /* @__PURE__ */ r(ze, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "table":
           return p({
-            label: o("editor.table.insert"),
-            disabled: n,
+            label: i("editor.table.insert"),
+            disabled: o,
             onActivate: () => e.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run(),
-            icon: /* @__PURE__ */ i(Se, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+            icon: /* @__PURE__ */ r(Se, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "codeBlock":
           return b({
-            label: o("editor.codeBlock"),
+            label: i("editor.codeBlock"),
             pressed: e.isActive("codeBlock"),
-            disabled: n,
+            disabled: o,
             onActivate: () => e.chain().focus().toggleCodeBlock().run(),
-            icon: /* @__PURE__ */ i(ye, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+            icon: /* @__PURE__ */ r(ye, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "horizontalRule":
           return p({
-            label: o("editor.horizontalRule"),
-            disabled: n,
+            label: i("editor.horizontalRule"),
+            disabled: o,
             onActivate: () => e.chain().focus().setHorizontalRule().run(),
-            icon: /* @__PURE__ */ i(je, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+            icon: /* @__PURE__ */ r(je, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "undo":
           return p({
-            label: o("editor.undo"),
-            disabled: n || !e.can().undo(),
+            label: i("editor.undo"),
+            disabled: o || !e.can().undo(),
             shortcut: "Control+Z Meta+Z",
             onActivate: () => e.chain().focus().undo().run(),
-            icon: /* @__PURE__ */ i(Ke, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+            icon: /* @__PURE__ */ r(Ke, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         case "redo":
           return p({
-            label: o("editor.redo"),
-            disabled: n || !e.can().redo(),
+            label: i("editor.redo"),
+            disabled: o || !e.can().redo(),
             shortcut: "Control+Shift+Z Meta+Shift+Z",
             onActivate: () => e.chain().focus().redo().run(),
-            icon: /* @__PURE__ */ i($e, { "aria-hidden": "true", className: "block-size-4 inline-size-4" })
+            icon: /* @__PURE__ */ r($e, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           });
         default:
           return null;
@@ -753,28 +753,28 @@ const Qe = ee(
     return /* @__PURE__ */ k(
       "div",
       {
-        id: l,
+        id: c,
         className: [Fe(), x].filter(Boolean).join(" "),
         dir: g ? "rtl" : void 0,
         "data-component": "rich-text-editor",
         children: [
-          n ? null : /* @__PURE__ */ i(
+          o ? null : /* @__PURE__ */ r(
             "div",
             {
               role: "toolbar",
-              "aria-label": o("editor.toolbarLabel"),
+              "aria-label": i("editor.toolbarLabel"),
               className: Ve({ direction: g ? "rtl" : "ltr" }),
-              children: E.map((r, t) => /* @__PURE__ */ i("span", { className: "contents", children: W(r, t) }, r))
+              children: E.map((s, t) => /* @__PURE__ */ r("span", { className: "ds:contents", children: W(s, t) }, s))
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ r(
             "div",
             {
               className: [Ze(), O].filter(Boolean).join(" "),
-              children: /* @__PURE__ */ i(oe, { editor: e })
+              children: /* @__PURE__ */ r(ie, { editor: e })
             }
           ),
-          /* @__PURE__ */ i(Ge, { open: G, onOpenChange: q })
+          /* @__PURE__ */ r(Ge, { open: G, onOpenChange: q })
         ]
       }
     );
@@ -788,12 +788,12 @@ const ft = {
     html: {
       type: "string",
       description: "Sanitised HTML representation of the editor content.",
-      read: (s) => s.getHTML()
+      read: (a) => a.getHTML()
     },
     markdown: {
       type: "string",
       description: "Markdown representation of the editor content.",
-      read: (s) => s.getMarkdown()
+      read: (a) => a.getMarkdown()
     }
   },
   actions: {
@@ -801,22 +801,22 @@ const ft = {
       safety: "destructive",
       argsType: "{ html: string }",
       description: "Replace the editor content. Loses unsaved input.",
-      invoke: (s, d) => {
-        s.setContent(d.html);
+      invoke: (a, l) => {
+        a.setContent(l.html);
       }
     },
     clear: {
       safety: "destructive",
       description: "Empty the editor. Loses unsaved input.",
-      invoke: (s) => {
-        s.clear();
+      invoke: (a) => {
+        a.clear();
       }
     },
     focus: {
       safety: "read",
       description: "Move keyboard focus to the editor surface.",
-      invoke: (s) => {
-        s.focus();
+      invoke: (a) => {
+        a.focus();
       }
     }
   },
@@ -832,4 +832,4 @@ export {
   U as t,
   Fe as w
 };
-//# sourceMappingURL=rich-text-editor.agent-BOjF4Xao.js.map
+//# sourceMappingURL=rich-text-editor.agent-C1_E7_7t.js.map