@alfadocs/ui-kit-debug 0.58.0 → 0.60.0

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

@@ -1,921 +0,0 @@
-import { jsxs as k, jsx as r } from "react/jsx-runtime";
-import { forwardRef as se, useId as re, useMemo as I, useState as H, useEffect as w, useRef as B, useImperativeHandle as ie, useCallback as R } 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 pe from "./purify.es-Cm3utOpm.js";
-import { c as S } from "./index-D2ZczOXr.js";
-import { useTranslation as U } from "react-i18next";
-import * as z from "@radix-ui/react-dialog";
-import { u as be } from "./registry-nPAVE19X.js";
-import { s as ve } from "./safe-image-src-DstKgCo7.js";
-import { X as ge } from "./x-CCcI3eJp.js";
-import { C as ke } from "./chevron-down-BX_NP2Yh.js";
-import { c as m } from "./createLucideIcon-CrFbzy84.js";
-import { I as ye } from "./image-C6RM5hfF.js";
-/**
- * @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 = [
-  [
-    "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" }
-  ]
-], ze = m("bold", xe);
-/**
- * @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 = [
-  ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
-  ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
-], Me = m("code", we);
-/**
- * @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 = [
-  ["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" }]
-], Ae = m("italic", Ne);
-/**
- * @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 = [
-  ["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" }]
-], Le = m("link-2", Ce);
-/**
- * @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 = [
-  ["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" }]
-], Re = m("list-ordered", Te);
-/**
- * @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 = [
-  ["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" }]
-], Ie = 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 je = [["path", { d: "M5 12h14", key: "1ays0h" }]], He = 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 Be = [
-  [
-    "path",
-    {
-      d: "M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",
-      key: "rib7q0"
-    }
-  ],
-  [
-    "path",
-    {
-      d: "M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",
-      key: "1ymkrd"
-    }
-  ]
-], Se = m("quote", Be);
-/**
- * @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 = [
-  ["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", 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 = [
-  ["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" }]
-], Ke = m("table", Ee);
-/**
- * @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 qe = [
-  ["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" }]
-], Fe = m("undo", qe), Ve = {
-  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."
-    }
-  }
-}, Pe = {
-  FORBID_TAGS: [
-    "script",
-    "style",
-    "iframe",
-    "object",
-    "embed",
-    "form",
-    "base",
-    "meta"
-  ],
-  FORBID_ATTR: [
-    "onerror",
-    "onclick",
-    "onload",
-    "onmouseover",
-    "onfocus",
-    "onblur"
-  ]
-};
-function j(a) {
-  return pe.sanitize(a, Pe);
-}
-const Ze = S(
-  "tiptap-theme-alfadocs ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]"
-), Ue = 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)]",
-    "ds:bg-[var(--background)] ds:p-[var(--spacing-xs)]"
-  ].join(" "),
-  {
-    variants: {
-      direction: {
-        ltr: "",
-        rtl: "ds:flex-row-reverse"
-      }
-    },
-    defaultVariants: { direction: "ltr" }
-  }
-), G = S(
-  [
-    "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: "ds:bg-[var(--muted)] ds:text-[var(--primary)]",
-        false: ""
-      },
-      disabled: {
-        true: "ds:opacity-[var(--opacity-50)] ds:cursor-not-allowed",
-        false: ""
-      }
-    },
-    defaultVariants: { pressed: !1, disabled: !1 }
-  }
-), Ge = S(
-  [
-    "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
-    "ds:bg-[var(--background)] ds:text-[var(--foreground)]"
-  ].join(" ")
-), Qe = {
-  minimal: ["bold", "italic", "link"],
-  standard: [
-    "bold",
-    "italic",
-    "link",
-    "heading",
-    "bulletList",
-    "orderedList",
-    "quote"
-  ],
-  full: [
-    "bold",
-    "italic",
-    "link",
-    "heading",
-    "bulletList",
-    "orderedList",
-    "quote",
-    "image",
-    "table",
-    "codeBlock",
-    "horizontalRule",
-    "undo",
-    "redo"
-  ]
-};
-function Xe({
-  editor: a,
-  registerRef: v,
-  tabIndex: l,
-  onFocus: h,
-  onKeyDown: _,
-  label: M,
-  disabled: i,
-  pressed: D
-}) {
-  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);
-    }
-    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
-  }, [y]);
-  function o(c) {
-    a.chain().focus().toggleHeading({ level: c }).run(), N(!1);
-  }
-  return /* @__PURE__ */ k("div", { ref: A, className: "ds:relative ds:inline-flex", children: [
-    /* @__PURE__ */ k(
-      "button",
-      {
-        type: "button",
-        ref: v,
-        tabIndex: l,
-        onFocus: h,
-        onKeyDown: _,
-        onClick: () => {
-          i || N((c) => !c);
-        },
-        "aria-haspopup": "listbox",
-        "aria-expanded": y,
-        "aria-disabled": i || void 0,
-        "aria-label": M,
-        title: M,
-        className: G({ pressed: D, disabled: i }),
-        children: [
-          /* @__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"
-            }
-          )
-        ]
-      }
-    ),
-    y && !i ? /* @__PURE__ */ r(
-      "ul",
-      {
-        role: "listbox",
-        "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)]",
-          "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((c) => /* @__PURE__ */ r("li", { role: "none", children: /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            role: "option",
-            "aria-selected": a.isActive("heading", { level: c }) || void 0,
-            onClick: () => o(c),
-            className: [
-              "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${c}`
-          }
-        ) }, c))
-      }
-    ) : null
-  ] });
-}
-function Ye({
-  open: a,
-  onOpenChange: v
-}) {
-  const { t: l } = U();
-  return /* @__PURE__ */ r(z.Root, { open: a, onOpenChange: v, children: /* @__PURE__ */ k(z.Portal, { children: [
-    /* @__PURE__ */ r(
-      z.Overlay,
-      {
-        className: [
-          "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
-          "ds:bg-[var(--background)]/[var(--opacity-70)]",
-          "ds:backdrop-blur-sm"
-        ].join(" ")
-      }
-    ),
-    /* @__PURE__ */ k(
-      z.Content,
-      {
-        className: [
-          "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: "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.Close, { asChild: !0, children: /* @__PURE__ */ r(
-              "button",
-              {
-                type: "button",
-                "aria-label": l("editor.shortcuts.close"),
-                className: [
-                  "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__ */ r(
-                  ge,
-                  {
-                    "aria-hidden": "true",
-                    className: "ds:block-size-4 ds:inline-size-4"
-                  }
-                )
-              }
-            ) })
-          ] }),
-          /* @__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" },
-            { key: "editor.shortcuts.undo", combo: "⌘/Ctrl + Z" },
-            { key: "editor.shortcuts.redo", combo: "⌘/Ctrl + Shift + Z" },
-            { key: "editor.shortcuts.open", combo: "⌘/Ctrl + /" }
-          ].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: l(h.key) }),
-                /* @__PURE__ */ r(
-                  "kbd",
-                  {
-                    className: [
-                      "ds:font-[var(--font-mono)] ds:text-[length: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: h.combo
-                  }
-                )
-              ]
-            },
-            h.key
-          )) })
-        ]
-      }
-    )
-  ] }) });
-}
-const Je = se(
-  ({
-    id: a,
-    defaultValue: v,
-    value: l,
-    onChange: h,
-    toolbar: _ = "standard",
-    placeholder: M,
-    readOnly: i = !1,
-    ariaLabel: D,
-    minHeight: y,
-    className: N
-  }, A) => {
-    const { t: o } = U(), c = re(), $ = I(
-      () => `rte-${c.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [c]
-    ), [g, Q] = H(!1);
-    w(() => {
-      typeof document > "u" || Q(document.documentElement.dir === "rtl");
-    }, []);
-    const [X, F] = H(!1), C = B(null), L = B(h);
-    w(() => {
-      L.current = h;
-    }, [h]);
-    const Y = I(() => {
-      const s = l ?? v ?? "";
-      return s ? j(s) : "";
-    }, [v, l]), e = oe({
-      extensions: [
-        ae.configure({
-          heading: { levels: [1, 2, 3] }
-        }),
-        de.configure({
-          protocols: ["http", "https", "mailto", "tel"],
-          HTMLAttributes: {
-            rel: "noopener noreferrer",
-            target: "_blank"
-          },
-          validate: (s) => /^(https?:|mailto:|tel:)/i.test(s)
-        }),
-        ce,
-        le.configure({ resizable: !1 }),
-        ue,
-        me,
-        fe,
-        he.configure({
-          html: !1,
-          transformPastedText: !0
-        })
-      ],
-      content: Y,
-      editable: !i,
-      immediatelyRender: !1,
-      shouldRerenderOnTransaction: !0,
-      editorProps: {
-        attributes: {
-          role: "textbox",
-          "aria-multiline": "true",
-          "aria-label": D ?? o("editor.placeholder"),
-          "data-placeholder": M ?? o("editor.placeholder")
-        },
-        transformPastedHTML(s) {
-          return j(s);
-        },
-        handleKeyDown(s, t) {
-          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, 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));
-      }
-    });
-    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]);
-    const E = I(
-      () => ({
-        getHTML() {
-          return (e == null ? void 0 : e.getHTML()) ?? "";
-        },
-        getMarkdown() {
-          var t, u;
-          return e ? ((u = (t = e.storage.markdown) == null ? void 0 : t.getMarkdown) == null ? void 0 : u.call(t)) ?? "" : "";
-        },
-        setContent(s) {
-          if (!e) return;
-          const t = j(s);
-          e.commands.setContent(t);
-        },
-        focus() {
-          e == null || e.commands.focus();
-        },
-        clear() {
-          e == null || e.commands.clearContent();
-        }
-      }),
-      [e]
-    );
-    ie(A, () => E, [E]), be(Ve, E, a);
-    const V = B([]), [T, K] = H(0), q = I(() => Qe[_], [_]), J = R(
-      (s) => (t) => {
-        V.current[s] = t;
-      },
-      []
-    ), P = R((s) => {
-      const t = V.current[s];
-      t && t.focus();
-    }, []), Z = R(
-      (s) => {
-        const t = q.length;
-        if (t === 0) return;
-        const u = g ? "ArrowLeft" : "ArrowRight", f = g ? "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(), K(d), P(d));
-      },
-      [T, P, g, q.length]
-    ), W = R(
-      (s) => {
-        if (s.preventDefault(), !e) return;
-        const t = e.getAttributes("link").href, u = window.prompt(o("editor.link.insert"), t ?? "");
-        if (u === null) return;
-        const f = u.trim();
-        if (f === "") {
-          e.chain().focus().unsetLink().run();
-          return;
-        }
-        /^(https?:|mailto:|tel:)/i.test(f) && e.chain().focus().extendMarkRange("link").setLink({ href: f }).run();
-      },
-      [e, o]
-    ), O = R(() => {
-      if (!e) return;
-      const s = window.prompt(o("editor.image.insert"), "");
-      if (s === null) return;
-      const t = ve(s);
-      t && e.chain().focus().setImage({ src: t }).run();
-    }, [e, o]);
-    function ee(s, t) {
-      if (!e) return null;
-      const u = J(t), f = {
-        tabIndex: t === T ? 0 : -1,
-        onFocus: () => K(t),
-        onKeyDown: Z
-      }, d = (n, x) => G({ pressed: n, disabled: x });
-      function p(n) {
-        return /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            ref: u,
-            ...f,
-            "aria-label": n.label,
-            "aria-pressed": n.pressed,
-            "aria-disabled": n.disabled || void 0,
-            "aria-keyshortcuts": n.shortcut,
-            title: n.label,
-            onClick: (x) => {
-              x.preventDefault(), n.disabled || n.onActivate();
-            },
-            className: d(n.pressed, n.disabled),
-            children: n.icon
-          }
-        );
-      }
-      function b(n) {
-        return /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            ref: u,
-            ...f,
-            "aria-label": n.label,
-            "aria-disabled": n.disabled || void 0,
-            "aria-keyshortcuts": n.shortcut,
-            title: n.label,
-            onClick: (x) => {
-              if (n.disabled) {
-                x.preventDefault();
-                return;
-              }
-              n.onActivate(x);
-            },
-            className: d(!1, n.disabled),
-            children: n.icon
-          }
-        );
-      }
-      switch (s) {
-        case "bold":
-          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(
-              ze,
-              {
-                "aria-hidden": "true",
-                className: "ds:block-size-4 ds:inline-size-4"
-              }
-            )
-          });
-        case "italic":
-          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(
-              Ae,
-              {
-                "aria-hidden": "true",
-                className: "ds:block-size-4 ds:inline-size-4"
-              }
-            )
-          });
-        case "link":
-          return b({
-            label: o("editor.link.insert"),
-            disabled: i,
-            shortcut: "Control+K Meta+K",
-            onActivate: W,
-            icon: /* @__PURE__ */ r(
-              Le,
-              {
-                "aria-hidden": "true",
-                className: "ds:block-size-4 ds:inline-size-4"
-              }
-            )
-          });
-        case "heading":
-          return /* @__PURE__ */ r(
-            Xe,
-            {
-              editor: e,
-              registerRef: u,
-              tabIndex: t === T ? 0 : -1,
-              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 p({
-            label: o("editor.list.bullet"),
-            pressed: e.isActive("bulletList"),
-            disabled: i,
-            onActivate: () => e.chain().focus().toggleBulletList().run(),
-            icon: /* @__PURE__ */ r(
-              Ie,
-              {
-                "aria-hidden": "true",
-                className: "ds:block-size-4 ds:inline-size-4"
-              }
-            )
-          });
-        case "orderedList":
-          return p({
-            label: o("editor.list.ordered"),
-            pressed: e.isActive("orderedList"),
-            disabled: i,
-            onActivate: () => e.chain().focus().toggleOrderedList().run(),
-            icon: /* @__PURE__ */ r(
-              Re,
-              {
-                "aria-hidden": "true",
-                className: "ds:block-size-4 ds:inline-size-4"
-              }
-            )
-          });
-        case "quote":
-          return p({
-            label: o("editor.quote"),
-            pressed: e.isActive("blockquote"),
-            disabled: i,
-            onActivate: () => e.chain().focus().toggleBlockquote().run(),
-            icon: /* @__PURE__ */ r(
-              Se,
-              {
-                "aria-hidden": "true",
-                className: "ds:block-size-4 ds:inline-size-4"
-              }
-            )
-          });
-        case "image":
-          return b({
-            label: o("editor.image.insert"),
-            disabled: i,
-            onActivate: O,
-            icon: /* @__PURE__ */ r(
-              ye,
-              {
-                "aria-hidden": "true",
-                className: "ds:block-size-4 ds:inline-size-4"
-              }
-            )
-          });
-        case "table":
-          return b({
-            label: o("editor.table.insert"),
-            disabled: i,
-            onActivate: () => e.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run(),
-            icon: /* @__PURE__ */ r(
-              Ke,
-              {
-                "aria-hidden": "true",
-                className: "ds:block-size-4 ds:inline-size-4"
-              }
-            )
-          });
-        case "codeBlock":
-          return p({
-            label: o("editor.codeBlock"),
-            pressed: e.isActive("codeBlock"),
-            disabled: i,
-            onActivate: () => e.chain().focus().toggleCodeBlock().run(),
-            icon: /* @__PURE__ */ r(
-              Me,
-              {
-                "aria-hidden": "true",
-                className: "ds:block-size-4 ds:inline-size-4"
-              }
-            )
-          });
-        case "horizontalRule":
-          return b({
-            label: o("editor.horizontalRule"),
-            disabled: i,
-            onActivate: () => e.chain().focus().setHorizontalRule().run(),
-            icon: /* @__PURE__ */ r(
-              He,
-              {
-                "aria-hidden": "true",
-                className: "ds:block-size-4 ds:inline-size-4"
-              }
-            )
-          });
-        case "undo":
-          return b({
-            label: o("editor.undo"),
-            disabled: i || !e.can().undo(),
-            shortcut: "Control+Z Meta+Z",
-            onActivate: () => e.chain().focus().undo().run(),
-            icon: /* @__PURE__ */ r(
-              Fe,
-              {
-                "aria-hidden": "true",
-                className: "ds:block-size-4 ds:inline-size-4"
-              }
-            )
-          });
-        case "redo":
-          return b({
-            label: o("editor.redo"),
-            disabled: i || !e.can().redo(),
-            shortcut: "Control+Shift+Z Meta+Shift+Z",
-            onActivate: () => e.chain().focus().redo().run(),
-            icon: /* @__PURE__ */ r(
-              $e,
-              {
-                "aria-hidden": "true",
-                className: "ds:block-size-4 ds:inline-size-4"
-              }
-            )
-          });
-        default:
-          return null;
-      }
-    }
-    const te = (() => {
-      switch (y) {
-        case "sm":
-          return "ds:[min-block-size:8rem]";
-        case "md":
-          return "ds:[min-block-size:16rem]";
-        case "lg":
-          return "ds:[min-block-size:24rem]";
-        default:
-          return;
-      }
-    })();
-    return /* @__PURE__ */ k(
-      "div",
-      {
-        id: $,
-        className: [Ze(), N].filter(Boolean).join(" "),
-        dir: g ? "rtl" : void 0,
-        "data-component": "rich-text-editor",
-        "data-component-id": a,
-        children: [
-          i ? null : /* @__PURE__ */ r(
-            "div",
-            {
-              role: "toolbar",
-              "aria-label": o("editor.toolbarLabel"),
-              className: Ue({ direction: g ? "rtl" : "ltr" }),
-              children: q.map((s, t) => /* @__PURE__ */ r("span", { className: "ds:contents", children: ee(s, t) }, s))
-            }
-          ),
-          /* @__PURE__ */ r(
-            "div",
-            {
-              className: [Ge(), te].filter(Boolean).join(" "),
-              children: /* @__PURE__ */ r(ne, { editor: e })
-            }
-          ),
-          /* @__PURE__ */ r(Ye, { open: X, onOpenChange: F })
-        ]
-      }
-    );
-  }
-);
-Je.displayName = "RichTextEditor";
-export {
-  Je as R,
-  Ue as a,
-  Ge as e,
-  Ve as r,
-  G as t,
-  Ze as w
-};
-//# sourceMappingURL=rich-text-editor-DhGIBd4a.js.map