@commercetools/nimbus 0.0.0-canary-20260116101948 → 0.0.0-canary-20260119090325

package/dist/chunks/rich-text-input-DTaul6rg.es.js

@@ -1,1193 +0,0 @@
-import { jsx as o, jsxs as h } from "react/jsx-runtime";
-import { useCallback as C, useMemo as A, useRef as ye, useImperativeHandle as De, useState as ie, useEffect as Le } from "react";
-import { createSlotRecipeContext as Fe, mergeRefs as Ke, useSlotRecipe as He } from "@chakra-ui/react";
-import { e as Oe } from "./extract-style-props-BUbbGs7l.es.js";
-import { n as $e } from "./index-UVW-kSPu.es.js";
-import { Transforms as I, Text as W, Element as q, Editor as x, Range as xe, createEditor as Pe } from "slate";
-import { ReactEditor as ne, useSlate as J, withReact as Be, Slate as _e, Editable as qe } from "slate-react";
-import { withHistory as ze } from "slate-history";
-import { $ as Ue } from "./useObjectRef-CaJ5pgjX.es.js";
-import { defineMessages as Ve, useIntl as Te } from "react-intl";
-import { I as U } from "./icon-toggle-button-BhzKiS9U.es.js";
-import { G as ae } from "./group-CCBgdph2.es.js";
-import { MoreHoriz as je, FormatStrikethrough as We, Code as Ge, KeyboardArrowDown as Xe, FormatBold as Ye, FormatItalic as Qe, FormatUnderlined as Je, FormatListBulleted as Ze, FormatListNumbered as et, Undo as tt, Redo as rt } from "@commercetools/nimbus-icons";
-import { M as v } from "./menu-BMnaUtPU.es.js";
-import { T as b } from "./tooltip-D3QrrizN.es.js";
-import { I as se } from "./icon-button-CXRvSNxO.es.js";
-import { B } from "./box-DuBoAZvq.es.js";
-import { T as L } from "./text-CIb_VDvO.es.js";
-import { T as nt } from "./toolbar-CyVt8Wsi.es.js";
-import { S as le } from "./separator-CN_ly_kW.es.js";
-import { T as ce } from "./toggle-button-group-BWpmMkEz.es.js";
-import { V } from "./visually-hidden-Dj5CT-u_.es.js";
-function Me(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-const { withProvider: st, withContext: Se } = /* @__PURE__ */ Fe({
-  key: "richTextInput"
-}), ot = /* @__PURE__ */ st("div", "root"), it = /* @__PURE__ */ Se("div", "toolbar"), at = /* @__PURE__ */ Se("div", "editable"), Re = (t) => C(
-  (e) => () => {
-    const { selection: r } = t;
-    e(), r && !t.selection && I.select(t, r), ne.isFocused(t) || ne.focus(t);
-  },
-  [t]
-), ue = {
-  "mod+b": "bold",
-  "mod+i": "italic",
-  "mod+u": "underline",
-  "mod+`": "code"
-}, X = {
-  placeholder: "Start typing...",
-  isDisabled: !1,
-  isReadOnly: !1,
-  autoFocus: !1
-}, de = {
-  blockquote: "block-quote",
-  p: "paragraph",
-  pre: "code",
-  h1: "heading-one",
-  h2: "heading-two",
-  h3: "heading-three",
-  h4: "heading-four",
-  h5: "heading-five",
-  ul: "bulleted-list",
-  ol: "numbered-list",
-  li: "list-item",
-  a: "link"
-}, he = {
-  strong: "bold",
-  b: "bold",
-  em: "italic",
-  i: "italic",
-  u: "underline",
-  code: "code",
-  sup: "superscript",
-  sub: "subscript",
-  del: "strikethrough",
-  s: "strikethrough"
-}, Q = {
-  STRIKETHROUGH: "strikethrough",
-  CODE: "code",
-  SUPERSCRIPT: "superscript",
-  SUBSCRIPT: "subscript"
-}, lt = [
-  Q.STRIKETHROUGH,
-  Q.CODE
-], ct = [
-  Q.SUPERSCRIPT,
-  Q.SUBSCRIPT
-], c = /* @__PURE__ */ Ve({
-  // Toolbar
-  textFormatting: {
-    id: "Nimbus.RichTextInput.textFormatting",
-    description: "aria-label for the text formatting toolbar",
-    defaultMessage: "Text formatting"
-  },
-  textStyleMenu: {
-    id: "Nimbus.RichTextInput.textStyleMenu",
-    description: "aria-label for the text style menu trigger button",
-    defaultMessage: "Text style menu"
-  },
-  textStyle: {
-    id: "Nimbus.RichTextInput.textStyle",
-    description: "tooltip text for the text style menu",
-    defaultMessage: "Text style"
-  },
-  bold: {
-    id: "Nimbus.RichTextInput.bold",
-    description: "aria-label and tooltip for the bold formatting button",
-    defaultMessage: "Bold"
-  },
-  italic: {
-    id: "Nimbus.RichTextInput.italic",
-    description: "aria-label and tooltip for the italic formatting button",
-    defaultMessage: "Italic"
-  },
-  underline: {
-    id: "Nimbus.RichTextInput.underline",
-    description: "aria-label and tooltip for the underline formatting button",
-    defaultMessage: "Underline"
-  },
-  listFormatting: {
-    id: "Nimbus.RichTextInput.listFormatting",
-    description: "aria-label for the list formatting toggle group",
-    defaultMessage: "List formatting"
-  },
-  bulletedList: {
-    id: "Nimbus.RichTextInput.bulletedList",
-    description: "aria-label for the bulleted list button",
-    defaultMessage: "Bulleted list"
-  },
-  numberedList: {
-    id: "Nimbus.RichTextInput.numberedList",
-    description: "aria-label for the numbered list button",
-    defaultMessage: "Numbered list"
-  },
-  undo: {
-    id: "Nimbus.RichTextInput.undo",
-    description: "aria-label and tooltip for the undo button",
-    defaultMessage: "Undo"
-  },
-  redo: {
-    id: "Nimbus.RichTextInput.redo",
-    description: "aria-label and tooltip for the redo button",
-    defaultMessage: "Redo"
-  },
-  // Formatting Menu
-  moreFormattingOptions: {
-    id: "Nimbus.RichTextInput.moreFormattingOptions",
-    description: "aria-label for the more formatting options menu button",
-    defaultMessage: "More formatting options"
-  },
-  moreStyles: {
-    id: "Nimbus.RichTextInput.moreStyles",
-    description: "tooltip text for the more formatting options menu",
-    defaultMessage: "More styles"
-  },
-  strikethrough: {
-    id: "Nimbus.RichTextInput.strikethrough",
-    description: "label for the strikethrough menu item",
-    defaultMessage: "Strikethrough"
-  },
-  code: {
-    id: "Nimbus.RichTextInput.code",
-    description: "label for the code formatting menu item",
-    defaultMessage: "Code"
-  },
-  superscript: {
-    id: "Nimbus.RichTextInput.superscript",
-    description: "label for the superscript formatting menu item",
-    defaultMessage: "Superscript"
-  },
-  subscript: {
-    id: "Nimbus.RichTextInput.subscript",
-    description: "label for the subscript formatting menu item",
-    defaultMessage: "Subscript"
-  },
-  // Text Style Labels
-  paragraph: {
-    id: "Nimbus.RichTextInput.paragraph",
-    description: "label for paragraph text style",
-    defaultMessage: "Paragraph"
-  },
-  headingOne: {
-    id: "Nimbus.RichTextInput.headingOne",
-    description: "label for heading 1 text style",
-    defaultMessage: "Heading 1"
-  },
-  headingTwo: {
-    id: "Nimbus.RichTextInput.headingTwo",
-    description: "label for heading 2 text style",
-    defaultMessage: "Heading 2"
-  },
-  headingThree: {
-    id: "Nimbus.RichTextInput.headingThree",
-    description: "label for heading 3 text style",
-    defaultMessage: "Heading 3"
-  },
-  headingFour: {
-    id: "Nimbus.RichTextInput.headingFour",
-    description: "label for heading 4 text style",
-    defaultMessage: "Heading 4"
-  },
-  headingFive: {
-    id: "Nimbus.RichTextInput.headingFive",
-    description: "label for heading 5 text style",
-    defaultMessage: "Heading 5"
-  },
-  quote: {
-    id: "Nimbus.RichTextInput.quote",
-    description: "label for block quote text style",
-    defaultMessage: "Quote"
-  }
-}), ut = (t) => [
-  {
-    id: "paragraph",
-    label: t.formatMessage(c.paragraph),
-    props: {
-      textStyle: "md",
-      fontWeight: "500"
-    }
-  },
-  {
-    id: "heading-one",
-    label: t.formatMessage(c.headingOne),
-    props: {
-      textStyle: "2xl",
-      fontWeight: "500"
-    }
-  },
-  {
-    id: "heading-two",
-    label: t.formatMessage(c.headingTwo),
-    props: {
-      textStyle: "xl",
-      fontWeight: "500"
-    }
-  },
-  {
-    id: "heading-three",
-    label: t.formatMessage(c.headingThree),
-    props: {
-      textStyle: "lg",
-      fontWeight: "500"
-    }
-  },
-  {
-    id: "heading-four",
-    label: t.formatMessage(c.headingFour),
-    props: {
-      textStyle: "md",
-      fontWeight: "500"
-    }
-  },
-  {
-    id: "heading-five",
-    label: t.formatMessage(c.headingFive),
-    props: {
-      textStyle: "xs",
-      fontWeight: "500"
-    }
-  },
-  {
-    id: "block-quote",
-    label: t.formatMessage(c.quote),
-    props: {
-      textStyle: "md",
-      fontWeight: "400"
-    }
-  }
-], dt = [
-  "heading-one",
-  "heading-two",
-  "heading-three",
-  "heading-four",
-  "heading-five",
-  "block-quote"
-];
-var ee, fe;
-function ht() {
-  if (fe) return ee;
-  fe = 1;
-  var t = /["'&<>]/;
-  ee = e;
-  function e(r) {
-    var s = "" + r, n = t.exec(s);
-    if (!n)
-      return s;
-    var l, u = "", d = 0, f = 0;
-    for (d = n.index; d < s.length; d++) {
-      switch (s.charCodeAt(d)) {
-        case 34:
-          l = "&quot;";
-          break;
-        case 38:
-          l = "&amp;";
-          break;
-        case 39:
-          l = "&#39;";
-          break;
-        case 60:
-          l = "&lt;";
-          break;
-        case 62:
-          l = "&gt;";
-          break;
-        default:
-          continue;
-      }
-      f !== d && (u += s.substring(f, d)), f = d + 1, u += l;
-    }
-    return f !== d ? u + s.substring(f, d) : u;
-  }
-  return ee;
-}
-var ft = /* @__PURE__ */ ht();
-const Y = /* @__PURE__ */ Me(ft), we = `​
-`, H = () => [
-  {
-    type: "paragraph",
-    children: [{ text: "" }]
-  }
-], pt = (t) => t.map(ke).join(""), ke = (t) => {
-  if (W.isText(t)) {
-    const s = t;
-    let n = Y(s.text);
-    return s.bold && (n = `<strong>${n}</strong>`), s.code && (n = `<code>${n}</code>`), s.italic && (n = `<em>${n}</em>`), s.underline && (n = `<u>${n}</u>`), s.superscript && (n = `<sup>${n}</sup>`), s.subscript && (n = `<sub>${n}</sub>`), s.strikethrough && (n = `<del>${n}</del>`), n = n.replace(new RegExp(we, "g"), "<br>"), n;
-  }
-  const e = t.children.map(ke).join(""), r = t;
-  switch (r.type) {
-    case "block-quote":
-      return `<blockquote>${e}</blockquote>`;
-    case "paragraph":
-      return `<p>${e}</p>`;
-    case "code":
-      return `<pre><code>${e}</code></pre>`;
-    case "bulleted-list":
-      return `<ul>${e}</ul>`;
-    case "numbered-list":
-      return `<ol>${e}</ol>`;
-    case "list-item":
-      return `<li>${e}</li>`;
-    case "heading-one":
-      return `<h1>${e}</h1>`;
-    case "heading-two":
-      return `<h2>${e}</h2>`;
-    case "heading-three":
-      return `<h3>${e}</h3>`;
-    case "heading-four":
-      return `<h4>${e}</h4>`;
-    case "heading-five":
-      return `<h5>${e}</h5>`;
-    case "link": {
-      let s = "";
-      if (r.url) {
-        const l = gt(r.url);
-        s = ` href="${Y(l)}"`;
-      }
-      let n = "";
-      if (r.htmlAttributes && typeof r.htmlAttributes == "object")
-        for (const [l, u] of Object.entries(r.htmlAttributes))
-          l.toLowerCase().startsWith("on") || (n += ` ${Y(l)}="${Y(String(u))}"`);
-      return `<a${s}${n}>${e}</a>`;
-    }
-    default:
-      return e;
-  }
-}, oe = (t) => {
-  if (!t || t.trim() === "")
-    return H();
-  try {
-    if (t.includes("<p>") || t.includes("<h") || t.includes("<div>") || t.includes("<blockquote>") || t.includes("<ul>") || t.includes("<ol>")) {
-      const r = new DOMParser().parseFromString(t, "text/html").body, s = Array.from(r.childNodes).map(ve).filter(Boolean);
-      return Ce(s);
-    } else
-      return [
-        {
-          type: "paragraph",
-          children: [{ text: t }]
-        }
-      ];
-  } catch (e) {
-    return console.warn("Failed to parse HTML:", e), H();
-  }
-}, ve = (t) => {
-  if (t.nodeType === Node.TEXT_NODE)
-    return (t.textContent || "").replace(/<br\s*\/?>/gi, we);
-  if (t.nodeType !== Node.ELEMENT_NODE)
-    return null;
-  const e = t, r = e.tagName.toLowerCase(), s = Array.from(e.childNodes).map(ve).filter(Boolean);
-  if (r in de) {
-    const l = de[r], u = { type: l, children: [] };
-    if (l === "link") {
-      const d = e.getAttribute("href");
-      d && (u.url = d);
-      const f = {};
-      Array.from(e.attributes).forEach((m) => {
-        m.name !== "href" && !m.name.toLowerCase().startsWith("on") && (f[m.name] = m.value);
-      }), Object.keys(f).length > 0 && (u.htmlAttributes = f);
-    }
-    return u.children = mt(s), u;
-  }
-  if (r in he) {
-    const l = he[r];
-    return { text: te(s), [l]: !0 };
-  }
-  return r === "span" ? { text: te(s) } : { text: te(s) };
-}, mt = (t) => {
-  const e = [];
-  for (const r of t)
-    typeof r == "string" ? r.trim() && e.push({ text: r }) : (r && W.isText(r) || r && q.isElement(r)) && e.push(r);
-  return e.length === 0 && e.push({ text: "" }), e;
-}, Ie = (t) => t.children.map((e) => W.isText(e) ? e.text : q.isElement(e) ? Ie(e) : "").join(""), te = (t) => t.filter(Boolean).map((e) => typeof e == "string" ? e : e && typeof e == "object" && "text" in e ? e.text : e && typeof e == "object" && "children" in e ? Ie(e) : String(e || "")).join(""), gt = (t) => {
-  const e = String(t).trim().toLowerCase();
-  return e.startsWith("javascript:") || e.startsWith("data:") || e.startsWith("vbscript:") ? "#" : String(t);
-}, Ce = (t) => !Array.isArray(t) || t.length === 0 ? H() : t.map((e) => q.isElement(e) ? !e.children || e.children.length === 0 ? { ...e, children: [{ text: "" }] } : e : {
-  type: "paragraph",
-  children: [{ text: String(e) }]
-}), pe = (t) => {
-  try {
-    const e = new URL(t);
-    return e.protocol === "http:" || e.protocol === "https:";
-  } catch {
-    return !1;
-  }
-}, me = ["bulleted-list", "numbered-list"], bt = [
-  "bold",
-  "code",
-  "italic",
-  "underline",
-  "superscript",
-  "subscript",
-  "strikethrough"
-], j = (t) => bt.includes(t), yt = (t, e) => j(e) ? t[e] === !0 : !1, F = (t, e) => {
-  const { selection: r } = t;
-  if (!r || xe.isCollapsed(r)) {
-    const s = x.marks(t);
-    if (s && j(e))
-      return s[e] === !0;
-    if (!r && t.children.length > 0) {
-      const n = t.children[0];
-      if (n.children && n.children.length > 0) {
-        const l = n.children[0];
-        if (W.isText(l) && j(e))
-          return l[e] === !0;
-      }
-    }
-    return !1;
-  }
-  try {
-    const s = Array.from(
-      x.nodes(t, {
-        at: r,
-        match: (n) => W.isText(n)
-      })
-    );
-    if (s.length === 0) {
-      const n = x.marks(t);
-      return !n || !j(e) ? !1 : n[e] === !0;
-    }
-    return s.every(([n]) => yt(n, e));
-  } catch {
-    const s = x.marks(t);
-    return !s || !j(e) ? !1 : s[e] === !0;
-  }
-}, P = (t, e) => {
-  const { selection: r } = t;
-  if (r) {
-    const [s] = Array.from(
-      x.nodes(t, {
-        at: x.unhangRange(t, r),
-        match: (n) => !x.isEditor(n) && q.isElement(n) && n.type === e
-      })
-    );
-    return !!s;
-  }
-  return t.children.length > 0 ? t.children[0].type === e : !1;
-}, K = (t, e) => {
-  F(t, e) ? x.removeMark(t, e) : x.addMark(t, e, !0);
-}, re = (t, e) => {
-  const r = P(t, e), s = me.includes(e);
-  I.unwrapNodes(t, {
-    match: (l) => !x.isEditor(l) && q.isElement(l) && me.includes(l.type),
-    split: !0
-  });
-  let n;
-  if (r ? n = { type: "paragraph" } : s ? n = { type: "list-item" } : n = { type: e }, I.setNodes(t, n), !r && s) {
-    const l = { type: e, children: [] };
-    I.wrapNodes(t, l);
-  }
-}, xt = (t) => {
-  ne.focus(t);
-}, Tt = (t, e) => {
-  const r = oe(e);
-  I.delete(t, {
-    at: {
-      anchor: x.start(t, []),
-      focus: x.end(t, [])
-    }
-  }), I.insertNodes(t, r), I.select(t, x.start(t, []));
-}, Mt = (t) => {
-  const { insertData: e, insertText: r, isInline: s } = t;
-  return t.isInline = (n) => n.type === "link" ? !0 : s(n), t.insertText = (n) => {
-    n && pe(n) ? ge(t, n) : r(n);
-  }, t.insertData = (n) => {
-    const l = n.getData("text/plain");
-    l && pe(l) ? ge(t, l) : e(n);
-  }, t;
-}, St = (t) => {
-  I.unwrapNodes(t, {
-    match: (e) => !x.isEditor(e) && q.isElement(e) && e.type === "link"
-  });
-}, ge = (t, e) => {
-  P(t, "link") && St(t);
-  const { selection: r } = t, s = r && xe.isCollapsed(r), n = {
-    type: "link",
-    url: e,
-    children: s ? [{ text: e }] : []
-  };
-  s ? I.insertNodes(t, n) : (I.wrapNodes(t, n, { split: !0 }), I.collapse(t, { edge: "end" }));
-}, Rt = ({
-  attributes: t,
-  children: e,
-  element: r
-}) => {
-  const s = r, n = { textAlign: s.align };
-  switch (s.type) {
-    case "block-quote":
-      return /* @__PURE__ */ o("blockquote", { style: n, ...t, children: e });
-    case "bulleted-list":
-      return /* @__PURE__ */ o("ul", { style: n, ...t, children: e });
-    case "heading-one":
-      return /* @__PURE__ */ o("h1", { style: n, ...t, children: e });
-    case "heading-two":
-      return /* @__PURE__ */ o("h2", { style: n, ...t, children: e });
-    case "heading-three":
-      return /* @__PURE__ */ o("h3", { style: n, ...t, children: e });
-    case "heading-four":
-      return /* @__PURE__ */ o("h4", { style: n, ...t, children: e });
-    case "heading-five":
-      return /* @__PURE__ */ o("h5", { style: n, ...t, children: e });
-    case "list-item":
-      return /* @__PURE__ */ o("li", { style: n, ...t, children: e });
-    case "numbered-list":
-      return /* @__PURE__ */ o("ol", { style: n, ...t, children: e });
-    case "link":
-      return /* @__PURE__ */ o(
-        "a",
-        {
-          ...t,
-          href: s.url,
-          rel: "noopener noreferrer",
-          style: n,
-          children: e
-        }
-      );
-    default:
-      return /* @__PURE__ */ o("p", { style: n, ...t, children: e });
-  }
-}, wt = ({
-  attributes: t,
-  children: e,
-  leaf: r
-}) => {
-  const s = r;
-  return s.bold && (e = /* @__PURE__ */ o("strong", { children: e })), s.code && (e = /* @__PURE__ */ o("code", { children: e })), s.italic && (e = /* @__PURE__ */ o("em", { children: e })), s.underline && (e = /* @__PURE__ */ o("u", { children: e })), s.strikethrough && (e = /* @__PURE__ */ o("del", { children: e })), s.superscript && (e = /* @__PURE__ */ o("sup", { children: e })), s.subscript && (e = /* @__PURE__ */ o("sub", { children: e })), /* @__PURE__ */ o("span", { ...t, children: e });
-}, kt = {
-  placeholderCharacter: `​
-`
-}, vt = ({
-  withPreservedSelection: t
-}) => {
-  const e = J(), r = A(() => {
-    const u = [];
-    return lt.forEach((d) => {
-      F(e, d) && u.push(d);
-    }), new Set(u);
-  }, [e.selection, e.children, x.marks(e)]), s = A(() => {
-    const u = [];
-    return ct.forEach((d) => {
-      F(e, d) && u.push(d);
-    }), new Set(u);
-  }, [e.selection, e.children, x.marks(e)]), n = A(() => /* @__PURE__ */ new Set([
-    ...Array.from(r),
-    ...Array.from(s)
-  ]), [r, s]), l = C(
-    (u) => {
-      if (u === "all") return;
-      const d = Array.from(u), f = Array.from(n), m = d.filter(
-        (p) => !f.includes(p)
-      ), S = f.filter(
-        (p) => !d.includes(p)
-      );
-      [...m, ...S].forEach((p) => {
-        p === "superscript" || p === "subscript" ? t(() => {
-          const a = F(e, "superscript") ? "superscript" : F(e, "subscript") ? "subscript" : null;
-          m.includes(p) && a && a !== p && K(e, a), K(e, p);
-        })() : t(() => K(e, p))();
-      });
-    },
-    [e, n, t]
-  );
-  return {
-    selectedKeys: r,
-    selectedScriptKeys: s,
-    allSelectedKeys: n,
-    handleAllSelectionChange: l
-  };
-}, It = ({ isDisabled: t = !1 }) => {
-  const e = Te(), r = J(), s = Re(r), { allSelectedKeys: n, handleAllSelectionChange: l } = vt({
-    withPreservedSelection: s
-  });
-  return /* @__PURE__ */ h(
-    v.Root,
-    {
-      selectionMode: "multiple",
-      selectedKeys: n,
-      onSelectionChange: l,
-      children: [
-        /* @__PURE__ */ h(b.Root, { delay: 0, closeDelay: 0, children: [
-          /* @__PURE__ */ o(v.Trigger, { asChild: !0, children: /* @__PURE__ */ o(
-            se,
-            {
-              size: "xs",
-              variant: "ghost",
-              "aria-label": e.formatMessage(c.moreFormattingOptions),
-              isDisabled: t,
-              onMouseDown: (u) => u.preventDefault(),
-              children: /* @__PURE__ */ o(je, {})
-            }
-          ) }),
-          /* @__PURE__ */ o(b.Content, { placement: "top", children: e.formatMessage(c.moreStyles) })
-        ] }),
-        /* @__PURE__ */ h(v.Content, { children: [
-          /* @__PURE__ */ o(v.Item, { id: "strikethrough", children: /* @__PURE__ */ h(B, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
-            /* @__PURE__ */ o(We, {}),
-            /* @__PURE__ */ o(L, { textStyle: "sm", children: e.formatMessage(c.strikethrough) })
-          ] }) }),
-          /* @__PURE__ */ o(v.Item, { id: "code", children: /* @__PURE__ */ h(B, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
-            /* @__PURE__ */ o(Ge, {}),
-            /* @__PURE__ */ o(L, { textStyle: "sm", children: e.formatMessage(c.code) })
-          ] }) }),
-          /* @__PURE__ */ o(v.Item, { id: "superscript", children: /* @__PURE__ */ h(B, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
-            /* @__PURE__ */ o(L, { children: "X²" }),
-            /* @__PURE__ */ o(L, { textStyle: "sm", children: e.formatMessage(c.superscript) })
-          ] }) }),
-          /* @__PURE__ */ o(v.Item, { id: "subscript", children: /* @__PURE__ */ h(B, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
-            /* @__PURE__ */ o(L, { children: "X₂" }),
-            /* @__PURE__ */ o(L, { textStyle: "sm", children: e.formatMessage(c.subscript) })
-          ] }) })
-        ] })
-      ]
-    }
-  );
-};
-var k = {}, be;
-function Ct() {
-  if (be) return k;
-  be = 1, Object.defineProperty(k, "__esModule", {
-    value: !0
-  });
-  for (var t = typeof window < "u" && /Mac|iPod|iPhone|iPad/.test(window.navigator.platform), e = {
-    alt: "altKey",
-    control: "ctrlKey",
-    meta: "metaKey",
-    shift: "shiftKey"
-  }, r = {
-    add: "+",
-    break: "pause",
-    cmd: "meta",
-    command: "meta",
-    ctl: "control",
-    ctrl: "control",
-    del: "delete",
-    down: "arrowdown",
-    esc: "escape",
-    ins: "insert",
-    left: "arrowleft",
-    mod: t ? "meta" : "control",
-    opt: "alt",
-    option: "alt",
-    return: "enter",
-    right: "arrowright",
-    space: " ",
-    spacebar: " ",
-    up: "arrowup",
-    win: "meta",
-    windows: "meta"
-  }, s = {
-    backspace: 8,
-    tab: 9,
-    enter: 13,
-    shift: 16,
-    control: 17,
-    alt: 18,
-    pause: 19,
-    capslock: 20,
-    escape: 27,
-    " ": 32,
-    pageup: 33,
-    pagedown: 34,
-    end: 35,
-    home: 36,
-    arrowleft: 37,
-    arrowup: 38,
-    arrowright: 39,
-    arrowdown: 40,
-    insert: 45,
-    delete: 46,
-    meta: 91,
-    numlock: 144,
-    scrolllock: 145,
-    ";": 186,
-    "=": 187,
-    ",": 188,
-    "-": 189,
-    ".": 190,
-    "/": 191,
-    "`": 192,
-    "[": 219,
-    "\\": 220,
-    "]": 221,
-    "'": 222
-  }, n = 1; n < 20; n++)
-    s["f" + n] = 111 + n;
-  function l(a, i, y) {
-    i && !("byKey" in i) && (y = i, i = null), Array.isArray(a) || (a = [a]);
-    var T = a.map(function(D) {
-      return f(D, i);
-    }), M = function(E) {
-      return T.some(function(N) {
-        return m(N, E);
-      });
-    }, O = y == null ? M : M(y);
-    return O;
-  }
-  function u(a, i) {
-    return l(a, i);
-  }
-  function d(a, i) {
-    return l(a, { byKey: !0 }, i);
-  }
-  function f(a, i) {
-    var y = i && i.byKey, T = {};
-    a = a.replace("++", "+add");
-    var M = a.split("+"), O = M.length;
-    for (var D in e)
-      T[e[D]] = !1;
-    var E = !0, N = !1, g = void 0;
-    try {
-      for (var _ = M[Symbol.iterator](), G; !(E = (G = _.next()).done); E = !0) {
-        var w = G.value, Z = w.endsWith("?") && w.length > 1;
-        Z && (w = w.slice(0, -1));
-        var z = p(w), R = e[z];
-        if (w.length > 1 && !R && !r[w] && !s[z])
-          throw new TypeError('Unknown modifier: "' + w + '"');
-        (O === 1 || !R) && (y ? T.key = z : T.which = S(w)), R && (T[R] = Z ? null : !0);
-      }
-    } catch ($) {
-      N = !0, g = $;
-    } finally {
-      try {
-        !E && _.return && _.return();
-      } finally {
-        if (N)
-          throw g;
-      }
-    }
-    return T;
-  }
-  function m(a, i) {
-    for (var y in a) {
-      var T = a[y], M = void 0;
-      if (T != null && (y === "key" && i.key != null ? M = i.key.toLowerCase() : y === "which" ? M = T === 91 && i.which === 93 ? 91 : i.which : M = i[y], !(M == null && T === !1) && M !== T))
-        return !1;
-    }
-    return !0;
-  }
-  function S(a) {
-    a = p(a);
-    var i = s[a] || a.toUpperCase().charCodeAt(0);
-    return i;
-  }
-  function p(a) {
-    return a = a.toLowerCase(), a = r[a] || a, a;
-  }
-  return k.default = l, k.isHotkey = l, k.isCodeHotkey = u, k.isKeyHotkey = d, k.parseHotkey = f, k.compareHotkey = m, k.toKeyCode = S, k.toKeyName = p, k;
-}
-var Et = /* @__PURE__ */ Ct();
-const Nt = /* @__PURE__ */ Me(Et), At = ({ editor: t }) => ({ handleKeyDown: C(
-  (r) => {
-    if ((r.metaKey || r.ctrlKey) && r.key === "z") {
-      r.preventDefault(), r.shiftKey ? t.redo() : t.undo();
-      return;
-    }
-    for (const s in ue)
-      if (Nt(s, r)) {
-        r.preventDefault();
-        const n = ue[s];
-        K(t, n);
-        return;
-      }
-    if (r.shiftKey && r.key === "Enter") {
-      r.preventDefault(), t.insertText(kt.placeholderCharacter);
-      return;
-    }
-  },
-  [t]
-) }), Ee = function({
-  ref: e,
-  value: r,
-  onChange: s,
-  onFocus: n,
-  onBlur: l,
-  placeholder: u = X.placeholder,
-  isDisabled: d = X.isDisabled,
-  isReadOnly: f = X.isReadOnly,
-  autoFocus: m = X.autoFocus,
-  toolbar: S
-  //...props
-}) {
-  const p = ye(null), a = Ue(Ke(p, e)), i = A(() => {
-    const g = Pe();
-    return Mt(ze(Be(g)));
-  }, []), { handleKeyDown: y } = At({ editor: i }), T = C(
-    (g) => {
-      n && n(g);
-    },
-    [n]
-  ), M = C(
-    (g) => {
-      l && l(g);
-    },
-    [l]
-  );
-  De(
-    a,
-    () => ({
-      focus: () => xt(i),
-      resetValue: (g) => Tt(i, g)
-    }),
-    [i]
-  );
-  const O = C(
-    (g) => /* @__PURE__ */ o(Rt, { ...g }),
-    []
-  ), D = C(
-    (g) => /* @__PURE__ */ o(wt, { ...g }),
-    []
-  ), E = H(), N = Array.isArray(r) && r.length > 0 ? r : E;
-  return /* @__PURE__ */ h(_e, { editor: i, value: N, onChange: s, children: [
-    S && /* @__PURE__ */ o(it, { children: S }),
-    /* @__PURE__ */ o(at, { asChild: !0, children: /* @__PURE__ */ o(
-      qe,
-      {
-        renderElement: O,
-        renderLeaf: D,
-        placeholder: u,
-        autoFocus: m,
-        readOnly: f || d,
-        onKeyDown: y,
-        onFocus: T,
-        onBlur: M,
-        "aria-label": "Rich text editor",
-        role: "textbox",
-        "aria-multiline": "true"
-      }
-    ) })
-  ] });
-};
-Ee.displayName = "RichTextEditor";
-const Dt = ({
-  withPreservedSelection: t,
-  textStyles: e
-}) => {
-  const r = J(), s = A(() => dt.find(
-    (a) => P(r, a)
-  ) || "paragraph", [r.selection, r.children]), n = e.find((a) => a.id === s), l = n?.label || "", u = C(
-    (a) => {
-      t(() => {
-        re(r, a);
-      })();
-    },
-    [r, t]
-  ), d = C(
-    (a) => {
-      t(() => {
-        const i = Array.from(a)[0], y = P(r, "bulleted-list") ? "bulleted-list" : P(r, "numbered-list") ? "numbered-list" : null;
-        i ? re(r, i) : y && re(r, y);
-      })();
-    },
-    [r, t]
-  ), f = A(() => {
-    const a = [];
-    return F(r, "bold") && a.push("bold"), F(r, "italic") && a.push("italic"), F(r, "underline") && a.push("underline"), new Set(a);
-  }, [r.selection, r.children, x.marks(r)]), m = A(() => {
-    const a = [];
-    return P(r, "bulleted-list") && a.push("bulleted-list"), P(r, "numbered-list") && a.push("numbered-list"), new Set(a);
-  }, [r.selection, r.children]), S = A(() => r.history && r.history.undos.length > 0, [r.selection, r.children]), p = A(() => r.history && r.history.redos.length > 0, [r.selection, r.children]);
-  return {
-    currentTextStyle: s,
-    selectedTextStyle: n,
-    selectedTextStyleLabel: l,
-    handleTextStyleChange: u,
-    handleListToggle: d,
-    selectedFormatKeys: f,
-    selectedListKeys: m,
-    hasUndos: S,
-    hasRedos: p
-  };
-}, Ne = ({
-  isDisabled: t = !1
-}) => {
-  const e = Te(), r = J(), s = Re(r), n = ut(e), {
-    currentTextStyle: l,
-    selectedTextStyleLabel: u,
-    handleTextStyleChange: d,
-    handleListToggle: f,
-    selectedFormatKeys: m,
-    selectedListKeys: S,
-    hasUndos: p,
-    hasRedos: a
-  } = Dt({ withPreservedSelection: s, textStyles: n });
-  return /* @__PURE__ */ h(
-    nt,
-    {
-      orientation: "horizontal",
-      "aria-label": e.formatMessage(c.textFormatting),
-      width: "full",
-      overflow: "hidden",
-      size: "xs",
-      children: [
-        /* @__PURE__ */ o(ae, { children: /* @__PURE__ */ h(
-          v.Root,
-          {
-            onAction: (i) => d(String(i)),
-            children: [
-              /* @__PURE__ */ h(b.Root, { delay: 0, closeDelay: 0, children: [
-                /* @__PURE__ */ o(
-                  v.Trigger,
-                  {
-                    height: "800",
-                    width: "4000",
-                    bg: "primary.1",
-                    borderRadius: "200",
-                    _hover: { bg: "primary.2" },
-                    isDisabled: t,
-                    onMouseDown: (i) => i.preventDefault(),
-                    "aria-label": e.formatMessage(c.textStyleMenu),
-                    children: /* @__PURE__ */ h(B, { display: "flex", alignItems: "center", gap: "200", px: "200", children: [
-                      /* @__PURE__ */ o(B, { display: "flex", alignItems: "center", gap: "200", flexGrow: "1", children: /* @__PURE__ */ o(L, { my: "auto", textStyle: "sm", fontWeight: "500", children: u }) }),
-                      /* @__PURE__ */ o(Xe, {})
-                    ] })
-                  }
-                ),
-                /* @__PURE__ */ o(b.Content, { placement: "top", children: e.formatMessage(c.textStyle) })
-              ] }),
-              /* @__PURE__ */ o(v.Content, { children: n.map((i) => /* @__PURE__ */ o(
-                v.Item,
-                {
-                  id: i.id,
-                  ...l === i.id && {
-                    "data-state": "checked"
-                  },
-                  children: /* @__PURE__ */ o(L, { ...i.props, children: i.label })
-                },
-                i.id
-              )) })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ o(le, { orientation: "vertical" }),
-        /* @__PURE__ */ h(
-          ce.Root,
-          {
-            selectionMode: "multiple",
-            selectedKeys: m,
-            isDisabled: t,
-            children: [
-              /* @__PURE__ */ h(b.Root, { delay: 0, closeDelay: 0, children: [
-                /* @__PURE__ */ h(
-                  U,
-                  {
-                    id: "bold",
-                    size: "xs",
-                    variant: "ghost",
-                    "aria-label": e.formatMessage(c.bold),
-                    isDisabled: t,
-                    onMouseDown: (i) => i.preventDefault(),
-                    onPress: s(() => K(r, "bold")),
-                    children: [
-                      /* @__PURE__ */ o(Ye, {}),
-                      /* @__PURE__ */ o(V, { children: e.formatMessage(c.bold) })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ o(b.Content, { placement: "top", children: e.formatMessage(c.bold) })
-              ] }),
-              /* @__PURE__ */ h(b.Root, { delay: 0, closeDelay: 0, children: [
-                /* @__PURE__ */ h(
-                  U,
-                  {
-                    id: "italic",
-                    size: "xs",
-                    variant: "ghost",
-                    "aria-label": e.formatMessage(c.italic),
-                    isDisabled: t,
-                    onMouseDown: (i) => i.preventDefault(),
-                    onPress: s(() => K(r, "italic")),
-                    children: [
-                      /* @__PURE__ */ o(Qe, {}),
-                      /* @__PURE__ */ o(V, { children: e.formatMessage(c.italic) })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ o(b.Content, { placement: "top", children: e.formatMessage(c.italic) })
-              ] }),
-              /* @__PURE__ */ h(b.Root, { delay: 0, closeDelay: 0, children: [
-                /* @__PURE__ */ h(
-                  U,
-                  {
-                    id: "underline",
-                    size: "xs",
-                    variant: "ghost",
-                    "aria-label": e.formatMessage(c.underline),
-                    isDisabled: t,
-                    onMouseDown: (i) => i.preventDefault(),
-                    onPress: s(
-                      () => K(r, "underline")
-                    ),
-                    children: [
-                      /* @__PURE__ */ o(Je, {}),
-                      /* @__PURE__ */ o(V, { children: e.formatMessage(c.underline) })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ o(b.Content, { placement: "top", children: e.formatMessage(c.underline) })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ o(It, { isDisabled: t }),
-        /* @__PURE__ */ o(le, { orientation: "vertical" }),
-        /* @__PURE__ */ h(
-          ce.Root,
-          {
-            selectionMode: "single",
-            selectedKeys: S,
-            onSelectionChange: f,
-            "aria-label": e.formatMessage(c.listFormatting),
-            isDisabled: t,
-            children: [
-              /* @__PURE__ */ h(b.Root, { delay: 0, closeDelay: 0, children: [
-                /* @__PURE__ */ o(
-                  U,
-                  {
-                    id: "bulleted-list",
-                    size: "xs",
-                    variant: "ghost",
-                    "aria-label": e.formatMessage(c.bulletedList),
-                    isDisabled: t,
-                    onMouseDown: (i) => i.preventDefault(),
-                    children: /* @__PURE__ */ o(Ze, {})
-                  }
-                ),
-                /* @__PURE__ */ o(b.Content, { placement: "top", children: e.formatMessage(c.bulletedList) })
-              ] }),
-              /* @__PURE__ */ h(b.Root, { delay: 0, closeDelay: 0, children: [
-                /* @__PURE__ */ o(
-                  U,
-                  {
-                    id: "numbered-list",
-                    size: "xs",
-                    variant: "ghost",
-                    "aria-label": e.formatMessage(c.numberedList),
-                    isDisabled: t,
-                    onMouseDown: (i) => i.preventDefault(),
-                    children: /* @__PURE__ */ o(et, {})
-                  }
-                ),
-                /* @__PURE__ */ o(b.Content, { placement: "top", children: e.formatMessage(c.numberedList) })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ o(B, { flexGrow: "1" }),
-        /* @__PURE__ */ h(ae, { children: [
-          /* @__PURE__ */ h(b.Root, { delay: 0, closeDelay: 0, children: [
-            /* @__PURE__ */ h(
-              se,
-              {
-                size: "xs",
-                variant: "ghost",
-                "aria-label": e.formatMessage(c.undo),
-                isDisabled: !p || t,
-                onPress: s(() => r.undo()),
-                onMouseDown: (i) => i.preventDefault(),
-                children: [
-                  /* @__PURE__ */ o(tt, {}),
-                  /* @__PURE__ */ o(V, { children: e.formatMessage(c.undo) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ o(b.Content, { placement: "top", children: e.formatMessage(c.undo) })
-          ] }),
-          /* @__PURE__ */ h(b.Root, { delay: 0, closeDelay: 0, children: [
-            /* @__PURE__ */ h(
-              se,
-              {
-                size: "xs",
-                variant: "ghost",
-                "aria-label": e.formatMessage(c.redo),
-                isDisabled: !a || t,
-                onPress: s(() => r.redo()),
-                onMouseDown: (i) => i.preventDefault(),
-                children: [
-                  /* @__PURE__ */ o(rt, {}),
-                  /* @__PURE__ */ o(V, { children: e.formatMessage(c.redo) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ o(b.Content, { placement: "top", children: e.formatMessage(c.redo) })
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-Ne.displayName = "RichTextToolbar";
-const Lt = (t) => {
-  const {
-    ref: e,
-    value: r,
-    defaultValue: s,
-    onChange: n,
-    onFocus: l,
-    onBlur: u,
-    placeholder: d = "",
-    isDisabled: f = !1,
-    isReadOnly: m = !1,
-    isInvalid: S = !1,
-    autoFocus: p = !1,
-    ...a
-  } = t, i = He({ recipe: $e }), [y, T] = i.splitVariantProps({
-    // Only semantic variants go here (none currently defined)
-    ...a
-  }), [M, O] = Oe(T), D = {
-    "data-disabled": f ? "true" : void 0,
-    "data-invalid": S ? "true" : void 0,
-    "data-readonly": m ? "true" : void 0
-  }, [E, N] = ie(() => {
-    const R = r ?? s ?? "";
-    try {
-      return R ? oe(R) : H();
-    } catch ($) {
-      return console.warn("Failed to parse initial HTML, using empty value:", $), H();
-    }
-  }), [g, _] = ie(() => r ?? s ?? ""), G = ye(null);
-  Le(() => {
-    if (r !== void 0 && r !== g) {
-      const R = r ? oe(r) : H();
-      N(R), _(r);
-    }
-  }, [r, g]);
-  const w = C(
-    (R) => {
-      const $ = pt(R), Ae = $ !== g;
-      N(R), _($), Ae && n && n($);
-    },
-    [g, n]
-  ), z = Ce(E);
-  return /* @__PURE__ */ o(
-    ot,
-    {
-      role: "group",
-      ...y,
-      ...M,
-      ...O,
-      ...D,
-      ref: e,
-      children: /* @__PURE__ */ o(
-        Ee,
-        {
-          ref: G,
-          value: z,
-          onChange: w,
-          onFocus: l,
-          onBlur: u,
-          placeholder: d,
-          isDisabled: f,
-          isReadOnly: m,
-          autoFocus: p,
-          toolbar: m ? null : /* @__PURE__ */ o(Ne, { isDisabled: f })
-        }
-      )
-    }
-  );
-};
-Lt.displayName = "RichTextInput";
-export {
-  Lt as R,
-  Me as g
-};
-//# sourceMappingURL=rich-text-input-DTaul6rg.es.js.map