@commercetools/nimbus 3.0.0 → 3.1.0

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

@@ -1,1204 +0,0 @@
-import { jsx as i, jsxs as h } from "react/jsx-runtime";
-import { useCallback as M, useMemo as F, useRef as ne, useImperativeHandle as Ae, useState as De, useEffect as Ke } from "react";
-import { createSlotRecipeContext as Oe, useSlotRecipe as He } from "@chakra-ui/react/styled-system";
-import { Transforms as E, Text as G, Element as q, Range as xe, Editor as b, createEditor as Ne } from "slate";
-import { ReactEditor as oe, useSlate as J, useSlateSelection as Se, Slate as Pe, Editable as ze, withReact as $e } from "slate-react";
-import { withHistory as _e } from "slate-history";
-import { e as qe } from "./extract-style-props-Bcwub3j6.es.js";
-import { n as Be } from "./index-B_vTRVge.es.js";
-import { $ as Ue } from "./useObjectRef-tuMEdnba.es.js";
-import { m as Ve } from "./merge-refs-D-zSwpoh.es.js";
-import { I as U } from "./icon-toggle-button-Car7NrgY.es.js";
-import { G as le } from "./group-C9O-E531.es.js";
-import { MoreHoriz as We, FormatStrikethrough as je, Code as Ge, KeyboardArrowDown as Xe, FormatBold as Ye, FormatItalic as Qe, FormatUnderlined as Ze, FormatListBulleted as Je, FormatListNumbered as et, Undo as tt, Redo as rt } from "@commercetools/nimbus-icons";
-import { n as V, u as Te } from "./normalize-messages-CeN1NEyM.es.js";
-import { M as R } from "./menu-EnbHuHaW.es.js";
-import { B as z } from "./box-DuBoAZvq.es.js";
-import { T as m } from "./tooltip-BCSTJUeB.es.js";
-import { I as ie } from "./icon-button-BEAbGl9T.es.js";
-import { T as D } from "./text-Ci0HmiFd.es.js";
-import { T as nt } from "./toolbar-C7_awmEu.es.js";
-import { S as ce } from "./separator-BpUozUZ9.es.js";
-import { T as ue } from "./toggle-button-group-KPOZMpau.es.js";
-import { V as W } from "./visually-hidden-D7g0JQ0T.es.js";
-function we(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-const { withProvider: ot, withContext: ke } = /* @__PURE__ */ Oe({
-  key: "nimbusRichTextInput"
-}), it = /* @__PURE__ */ ot("div", "root"), st = /* @__PURE__ */ ke("div", "toolbar"), at = /* @__PURE__ */ ke("div", "editable"), Ce = (t) => M(
-  (e) => () => {
-    const { selection: r } = t;
-    e(), r && !t.selection && E.select(t, r), oe.isFocused(t) || oe.focus(t);
-  },
-  [t]
-), de = {
-  "mod+b": "bold",
-  "mod+i": "italic",
-  "mod+u": "underline",
-  "mod+`": "code"
-}, Y = {
-  placeholder: "Start typing...",
-  isDisabled: !1,
-  isReadOnly: !1,
-  autoFocus: !1
-}, he = {
-  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"
-}, pe = {
-  strong: "bold",
-  b: "bold",
-  em: "italic",
-  i: "italic",
-  u: "underline",
-  code: "code",
-  sup: "superscript",
-  sub: "subscript",
-  del: "strikethrough",
-  s: "strikethrough"
-}, Z = {
-  STRIKETHROUGH: "strikethrough",
-  CODE: "code",
-  SUPERSCRIPT: "superscript",
-  SUBSCRIPT: "subscript"
-}, lt = [
-  Z.STRIKETHROUGH,
-  Z.CODE
-], ct = [
-  Z.SUPERSCRIPT,
-  Z.SUBSCRIPT
-], ut = (t) => [
-  {
-    id: "paragraph",
-    label: t("paragraph"),
-    props: {
-      textStyle: "md",
-      fontWeight: "500"
-    }
-  },
-  {
-    id: "heading-one",
-    label: t("headingOne"),
-    props: {
-      textStyle: "2xl",
-      fontWeight: "500"
-    }
-  },
-  {
-    id: "heading-two",
-    label: t("headingTwo"),
-    props: {
-      textStyle: "xl",
-      fontWeight: "500"
-    }
-  },
-  {
-    id: "heading-three",
-    label: t("headingThree"),
-    props: {
-      textStyle: "lg",
-      fontWeight: "500"
-    }
-  },
-  {
-    id: "heading-four",
-    label: t("headingFour"),
-    props: {
-      textStyle: "md",
-      fontWeight: "500"
-    }
-  },
-  {
-    id: "heading-five",
-    label: t("headingFive"),
-    props: {
-      textStyle: "xs",
-      fontWeight: "500"
-    }
-  },
-  {
-    id: "block-quote",
-    label: t("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 o = "" + r, n = t.exec(o);
-    if (!n)
-      return o;
-    var a, d = "", c = 0, u = 0;
-    for (c = n.index; c < o.length; c++) {
-      switch (o.charCodeAt(c)) {
-        case 34:
-          a = "&quot;";
-          break;
-        case 38:
-          a = "&amp;";
-          break;
-        case 39:
-          a = "&#39;";
-          break;
-        case 60:
-          a = "&lt;";
-          break;
-        case 62:
-          a = "&gt;";
-          break;
-        default:
-          continue;
-      }
-      u !== c && (d += o.substring(u, c)), u = c + 1, d += a;
-    }
-    return u !== c ? d + o.substring(u, c) : d;
-  }
-  return ee;
-}
-var pt = /* @__PURE__ */ ht();
-const Q = /* @__PURE__ */ we(pt), ve = `​
-`, H = () => [
-  {
-    type: "paragraph",
-    children: [{ text: "" }]
-  }
-], ft = (t) => t.map(Re).join(""), Re = (t) => {
-  if (G.isText(t)) {
-    const o = t;
-    let n = Q(o.text);
-    return o.bold && (n = `<strong>${n}</strong>`), o.code && (n = `<code>${n}</code>`), o.italic && (n = `<em>${n}</em>`), o.underline && (n = `<u>${n}</u>`), o.superscript && (n = `<sup>${n}</sup>`), o.subscript && (n = `<sub>${n}</sub>`), o.strikethrough && (n = `<del>${n}</del>`), n = n.replace(new RegExp(ve, "g"), "<br>"), n;
-  }
-  const e = t.children.map(Re).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 o = "";
-      if (r.url) {
-        const a = gt(r.url);
-        o = ` href="${Q(a)}"`;
-      }
-      let n = "";
-      if (r.htmlAttributes && typeof r.htmlAttributes == "object")
-        for (const [a, d] of Object.entries(r.htmlAttributes))
-          a.toLowerCase().startsWith("on") || (n += ` ${Q(a)}="${Q(String(d))}"`);
-      return `<a${o}${n}>${e}</a>`;
-    }
-    default:
-      return e;
-  }
-}, se = (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, o = Array.from(r.childNodes).map(Ee).filter(Boolean);
-      return ae(o);
-    } else
-      return [
-        {
-          type: "paragraph",
-          children: [{ text: t }]
-        }
-      ];
-  } catch (e) {
-    return console.warn("Failed to parse HTML:", e), H();
-  }
-}, Ee = (t) => {
-  if (t.nodeType === Node.TEXT_NODE)
-    return (t.textContent || "").replace(/<br\s*\/?>/gi, ve);
-  if (t.nodeType !== Node.ELEMENT_NODE)
-    return null;
-  const e = t, r = e.tagName.toLowerCase(), o = Array.from(e.childNodes).map(Ee).filter(Boolean);
-  if (r in he) {
-    const a = he[r], d = { type: a, children: [] };
-    if (a === "link") {
-      const c = e.getAttribute("href");
-      c && (d.url = c);
-      const u = {};
-      Array.from(e.attributes).forEach((p) => {
-        p.name !== "href" && !p.name.toLowerCase().startsWith("on") && (u[p.name] = p.value);
-      }), Object.keys(u).length > 0 && (d.htmlAttributes = u);
-    }
-    return d.children = mt(o), d;
-  }
-  if (r in pe) {
-    const a = pe[r];
-    return { text: te(o), [a]: !0 };
-  }
-  return r === "span" ? { text: te(o) } : { text: te(o) };
-}, mt = (t) => {
-  const e = [];
-  for (const r of t)
-    typeof r == "string" ? r.trim() && e.push({ text: r }) : (r && G.isText(r) || r && q.isElement(r)) && e.push(r);
-  return e.length === 0 && e.push({ text: "" }), e;
-}, Fe = (t) => t.children.map((e) => G.isText(e) ? e.text : q.isElement(e) ? Fe(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 ? Fe(e) : String(e || "")).join(""), gt = (t) => {
-  const e = String(t).trim().toLowerCase();
-  return e.startsWith("javascript:") || e.startsWith("data:") || e.startsWith("vbscript:") ? "#" : String(t);
-}, ae = (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) }]
-}), me = (t) => {
-  try {
-    const e = new URL(t);
-    return e.protocol === "http:" || e.protocol === "https:";
-  } catch {
-    return !1;
-  }
-}, ge = ["bulleted-list", "numbered-list"], yt = [
-  "bold",
-  "code",
-  "italic",
-  "underline",
-  "superscript",
-  "subscript",
-  "strikethrough"
-], j = (t) => yt.includes(t), bt = (t, e) => j(e) ? t[e] === !0 : !1, K = (t, e) => {
-  const { selection: r } = t;
-  if (!r || xe.isCollapsed(r)) {
-    const o = b.marks(t);
-    if (o && j(e))
-      return o[e] === !0;
-    if (!r && t.children.length > 0) {
-      const n = t.children[0];
-      if (n.children && n.children.length > 0) {
-        const a = n.children[0];
-        if (G.isText(a) && j(e))
-          return a[e] === !0;
-      }
-    }
-    return !1;
-  }
-  try {
-    const o = Array.from(
-      b.nodes(t, {
-        at: r,
-        match: (n) => G.isText(n)
-      })
-    );
-    if (o.length === 0) {
-      const n = b.marks(t);
-      return !n || !j(e) ? !1 : n[e] === !0;
-    }
-    return o.every(([n]) => bt(n, e));
-  } catch {
-    const o = b.marks(t);
-    return !o || !j(e) ? !1 : o[e] === !0;
-  }
-}, P = (t, e) => {
-  const { selection: r } = t;
-  if (r) {
-    const [o] = Array.from(
-      b.nodes(t, {
-        at: b.unhangRange(t, r),
-        match: (n) => !b.isEditor(n) && q.isElement(n) && n.type === e
-      })
-    );
-    return !!o;
-  }
-  return t.children.length > 0 ? t.children[0].type === e : !1;
-}, O = (t, e) => {
-  K(t, e) ? b.removeMark(t, e) : b.addMark(t, e, !0);
-}, re = (t, e) => {
-  const r = P(t, e), o = ge.includes(e);
-  E.unwrapNodes(t, {
-    match: (a) => !b.isEditor(a) && q.isElement(a) && ge.includes(a.type),
-    split: !0
-  });
-  let n;
-  if (r ? n = { type: "paragraph" } : o ? n = { type: "list-item" } : n = { type: e }, E.setNodes(t, n), !r && o) {
-    const a = { type: e, children: [] };
-    E.wrapNodes(t, a);
-  }
-}, xt = (t) => {
-  oe.focus(t);
-}, St = (t, e) => {
-  const r = se(e);
-  E.delete(t, {
-    at: {
-      anchor: b.start(t, []),
-      focus: b.end(t, [])
-    }
-  }), E.insertNodes(t, r), E.select(t, b.start(t, []));
-}, Tt = (t) => {
-  const { insertData: e, insertText: r, isInline: o } = t;
-  return t.isInline = (n) => n.type === "link" ? !0 : o(n), t.insertText = (n) => {
-    n && me(n) ? ye(t, n) : r(n);
-  }, t.insertData = (n) => {
-    const a = n.getData("text/plain");
-    a && me(a) ? ye(t, a) : e(n);
-  }, t;
-}, wt = (t) => {
-  E.unwrapNodes(t, {
-    match: (e) => !b.isEditor(e) && q.isElement(e) && e.type === "link"
-  });
-}, ye = (t, e) => {
-  P(t, "link") && wt(t);
-  const { selection: r } = t, o = r && xe.isCollapsed(r), n = {
-    type: "link",
-    url: e,
-    children: o ? [{ text: e }] : []
-  };
-  o ? E.insertNodes(t, n) : (E.wrapNodes(t, n, { split: !0 }), E.collapse(t, { edge: "end" }));
-}, kt = ({
-  attributes: t,
-  children: e,
-  element: r
-}) => {
-  const o = r, n = { textAlign: o.align };
-  switch (o.type) {
-    case "block-quote":
-      return /* @__PURE__ */ i("blockquote", { style: n, ...t, children: e });
-    case "bulleted-list":
-      return /* @__PURE__ */ i("ul", { style: n, ...t, children: e });
-    case "heading-one":
-      return /* @__PURE__ */ i("h1", { style: n, ...t, children: e });
-    case "heading-two":
-      return /* @__PURE__ */ i("h2", { style: n, ...t, children: e });
-    case "heading-three":
-      return /* @__PURE__ */ i("h3", { style: n, ...t, children: e });
-    case "heading-four":
-      return /* @__PURE__ */ i("h4", { style: n, ...t, children: e });
-    case "heading-five":
-      return /* @__PURE__ */ i("h5", { style: n, ...t, children: e });
-    case "list-item":
-      return /* @__PURE__ */ i("li", { style: n, ...t, children: e });
-    case "numbered-list":
-      return /* @__PURE__ */ i("ol", { style: n, ...t, children: e });
-    case "link":
-      return /* @__PURE__ */ i(
-        "a",
-        {
-          ...t,
-          href: o.url,
-          rel: "noopener noreferrer",
-          style: n,
-          children: e
-        }
-      );
-    default:
-      return /* @__PURE__ */ i("p", { style: n, ...t, children: e });
-  }
-}, Ct = ({
-  attributes: t,
-  children: e,
-  leaf: r
-}) => {
-  const o = r;
-  return o.bold && (e = /* @__PURE__ */ i("strong", { children: e })), o.code && (e = /* @__PURE__ */ i("code", { children: e })), o.italic && (e = /* @__PURE__ */ i("em", { children: e })), o.underline && (e = /* @__PURE__ */ i("u", { children: e })), o.strikethrough && (e = /* @__PURE__ */ i("del", { children: e })), o.superscript && (e = /* @__PURE__ */ i("sup", { children: e })), o.subscript && (e = /* @__PURE__ */ i("sub", { children: e })), /* @__PURE__ */ i("span", { ...t, children: e });
-}, vt = {
-  placeholderCharacter: `​
-`
-}, Rt = ({
-  withPreservedSelection: t
-}) => {
-  const e = J(), r = Se(), o = F(() => {
-    const c = [];
-    return lt.forEach((u) => {
-      K(e, u) && c.push(u);
-    }), new Set(c);
-  }, [r, e.children, b.marks(e)]), n = F(() => {
-    const c = [];
-    return ct.forEach((u) => {
-      K(e, u) && c.push(u);
-    }), new Set(c);
-  }, [r, e.children, b.marks(e)]), a = F(() => /* @__PURE__ */ new Set([
-    ...Array.from(o),
-    ...Array.from(n)
-  ]), [o, n]), d = M(
-    (c) => {
-      if (c === "all") return;
-      const u = Array.from(c), p = Array.from(a), w = u.filter(
-        (l) => !p.includes(l)
-      ), T = p.filter(
-        (l) => !u.includes(l)
-      );
-      [...w, ...T].forEach((l) => {
-        l === "superscript" || l === "subscript" ? t(() => {
-          const s = K(e, "superscript") ? "superscript" : K(e, "subscript") ? "subscript" : null;
-          w.includes(l) && s && s !== l && O(e, s), O(e, l);
-        })() : t(() => O(e, l))();
-      });
-    },
-    [e, a, t]
-  );
-  return {
-    selectedKeys: o,
-    selectedScriptKeys: n,
-    allSelectedKeys: a,
-    handleAllSelectionChange: d
-  };
-}, Et = {
-  bold: "Bold",
-  bulletedList: "Bulleted list",
-  code: "Code",
-  headingFive: "Heading 5",
-  headingFour: "Heading 4",
-  headingOne: "Heading 1",
-  headingThree: "Heading 3",
-  headingTwo: "Heading 2",
-  italic: "Italic",
-  listFormatting: "List formatting",
-  moreFormattingOptions: "More formatting options",
-  moreStyles: "More styles",
-  numberedList: "Numbered list",
-  paragraph: "Paragraph",
-  quote: "Quote",
-  redo: "Redo",
-  strikethrough: "Strikethrough",
-  subscript: "Subscript",
-  superscript: "Superscript",
-  textFormatting: "Text formatting",
-  textStyle: "Text style",
-  textStyleMenu: "Text style menu",
-  underline: "Underline",
-  undo: "Undo"
-}, Ft = {
-  bold: "Fett",
-  bulletedList: "Aufzählungsliste",
-  code: "Code",
-  headingFive: "Überschrift 5",
-  headingFour: "Überschrift 4",
-  headingOne: "Überschrift 1",
-  headingThree: "Überschrift 3",
-  headingTwo: "Überschrift 2",
-  italic: "Kursiv",
-  listFormatting: "Listenformatierung",
-  moreFormattingOptions: "Weitere Formatierungsoptionen",
-  moreStyles: "Weitere Stile",
-  numberedList: "Nummerierte Liste",
-  paragraph: "Paragraph",
-  quote: "Zitat",
-  redo: "Wiederherstellen",
-  strikethrough: "Durchstreichen",
-  subscript: "Tiefgestellt",
-  superscript: "Hochgestellt",
-  textFormatting: "Textformatierung",
-  textStyle: "Textstil",
-  textStyleMenu: "Textstilmenü",
-  underline: "Unterstreichen",
-  undo: "Rückgängig machen"
-}, Mt = {
-  bold: "Negrita",
-  bulletedList: "Lista no numerada",
-  code: "Código",
-  headingFive: "Encabezamiento 5",
-  headingFour: "Encabezamiento 4",
-  headingOne: "Encabezamiento 1",
-  headingThree: "Encabezamiento 3",
-  headingTwo: "Encabezamiento 2",
-  italic: "Cursiva",
-  listFormatting: "Formatear lista",
-  moreFormattingOptions: "Más opciones de formato",
-  moreStyles: "Más estilos",
-  numberedList: "Lista numerada",
-  paragraph: "Párrafo",
-  quote: "Presupuesto",
-  redo: "Repetir",
-  strikethrough: "Tachado",
-  subscript: "Subíndice",
-  superscript: "Índice superior",
-  textFormatting: "Formatear texto",
-  textStyle: "Estilo de texto",
-  textStyleMenu: "Menú de estilo de texto",
-  underline: "Subrayar",
-  undo: "Deshacer"
-}, It = {
-  bold: "Gras",
-  bulletedList: "Liste à puces",
-  code: "Code",
-  headingFive: "En-tête 5",
-  headingFour: "En-tête 4",
-  headingOne: "En-tête 1",
-  headingThree: "En-tête 3",
-  headingTwo: "En-tête 2",
-  italic: "Italique",
-  listFormatting: "Formatage de la liste",
-  moreFormattingOptions: "Plus d'options de formatage",
-  moreStyles: "Plus de styles",
-  numberedList: "Liste numérotée",
-  paragraph: "Paragraphe",
-  quote: "Citation",
-  redo: "Rétablir",
-  strikethrough: "Barré",
-  subscript: "Indice",
-  superscript: "Exposant",
-  textFormatting: "Formatage du texte",
-  textStyle: "Style de texte",
-  textStyleMenu: "Menu style de texte",
-  underline: "Souligné",
-  undo: "Annuler"
-}, Lt = {
-  bold: "Negrito",
-  bulletedList: "Lista com marcadores",
-  code: "Código",
-  headingFive: "Cabeçalho 5",
-  headingFour: "Cabeçalho 4",
-  headingOne: "Cabeçalho 1",
-  headingThree: "Cabeçalho 3",
-  headingTwo: "Cabeçalho 2",
-  italic: "Itálico",
-  listFormatting: "Formatação de lista",
-  moreFormattingOptions: "Mais opções de formatação",
-  moreStyles: "Mais estilos",
-  numberedList: "Lista numerada",
-  paragraph: "Parágrafo",
-  quote: "Cotação",
-  redo: "Refazer",
-  strikethrough: "Tachado",
-  subscript: "Subscrito",
-  superscript: "Sobrescrito",
-  textFormatting: "Formatação de texto",
-  textStyle: "Estilo de texto",
-  textStyleMenu: "Menu de estilo de texto",
-  underline: "Sublinhado",
-  undo: "Desfazer"
-}, Me = {
-  en: /* @__PURE__ */ V(Et),
-  de: /* @__PURE__ */ V(Ft),
-  es: /* @__PURE__ */ V(Mt),
-  "fr-FR": /* @__PURE__ */ V(It),
-  "pt-BR": /* @__PURE__ */ V(Lt)
-}, At = ({ isDisabled: t = !1 }) => {
-  const e = Te(Me), r = J(), o = Ce(r), { allSelectedKeys: n, handleAllSelectionChange: a } = Rt({
-    withPreservedSelection: o
-  });
-  return /* @__PURE__ */ h(
-    R.Root,
-    {
-      selectionMode: "multiple",
-      selectedKeys: n,
-      onSelectionChange: a,
-      children: [
-        /* @__PURE__ */ h(m.Root, { delay: 0, closeDelay: 0, children: [
-          /* @__PURE__ */ i(R.Trigger, { asChild: !0, children: /* @__PURE__ */ i(
-            ie,
-            {
-              size: "xs",
-              variant: "ghost",
-              "aria-label": e.format("moreFormattingOptions"),
-              isDisabled: t,
-              onMouseDown: (d) => d.preventDefault(),
-              children: /* @__PURE__ */ i(We, {})
-            }
-          ) }),
-          /* @__PURE__ */ i(m.Content, { placement: "top", children: e.format("moreStyles") })
-        ] }),
-        /* @__PURE__ */ h(R.Content, { children: [
-          /* @__PURE__ */ i(R.Item, { id: "strikethrough", children: /* @__PURE__ */ h(z, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
-            /* @__PURE__ */ i(je, {}),
-            /* @__PURE__ */ i(D, { textStyle: "sm", children: e.format("strikethrough") })
-          ] }) }),
-          /* @__PURE__ */ i(R.Item, { id: "code", children: /* @__PURE__ */ h(z, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
-            /* @__PURE__ */ i(Ge, {}),
-            /* @__PURE__ */ i(D, { textStyle: "sm", children: e.format("code") })
-          ] }) }),
-          /* @__PURE__ */ i(R.Item, { id: "superscript", children: /* @__PURE__ */ h(z, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
-            /* @__PURE__ */ i(D, { children: "X²" }),
-            /* @__PURE__ */ i(D, { textStyle: "sm", children: e.format("superscript") })
-          ] }) }),
-          /* @__PURE__ */ i(R.Item, { id: "subscript", children: /* @__PURE__ */ h(z, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
-            /* @__PURE__ */ i(D, { children: "X₂" }),
-            /* @__PURE__ */ i(D, { textStyle: "sm", children: e.format("subscript") })
-          ] }) })
-        ] })
-      ]
-    }
-  );
-};
-var v = {}, be;
-function Dt() {
-  if (be) return v;
-  be = 1, Object.defineProperty(v, "__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"
-  }, o = {
-    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++)
-    o["f" + n] = 111 + n;
-  function a(l, s, g) {
-    s && !("byKey" in s) && (g = s, s = null), Array.isArray(l) || (l = [l]);
-    var f = l.map(function(L) {
-      return u(L, s);
-    }), S = function(x) {
-      return f.some(function(A) {
-        return p(A, x);
-      });
-    }, N = g == null ? S : S(g);
-    return N;
-  }
-  function d(l, s) {
-    return a(l, s);
-  }
-  function c(l, s) {
-    return a(l, { byKey: !0 }, s);
-  }
-  function u(l, s) {
-    var g = s && s.byKey, f = {};
-    l = l.replace("++", "+add");
-    var S = l.split("+"), N = S.length;
-    for (var L in e)
-      f[e[L]] = !1;
-    var x = !0, A = !1, y = void 0;
-    try {
-      for (var $ = S[Symbol.iterator](), _; !(x = (_ = $.next()).done); x = !0) {
-        var C = _.value, X = C.endsWith("?") && C.length > 1;
-        X && (C = C.slice(0, -1));
-        var B = T(C), k = e[B];
-        if (C.length > 1 && !k && !r[C] && !o[B])
-          throw new TypeError('Unknown modifier: "' + C + '"');
-        (N === 1 || !k) && (g ? f.key = B : f.which = w(C)), k && (f[k] = X ? null : !0);
-      }
-    } catch (I) {
-      A = !0, y = I;
-    } finally {
-      try {
-        !x && $.return && $.return();
-      } finally {
-        if (A)
-          throw y;
-      }
-    }
-    return f;
-  }
-  function p(l, s) {
-    for (var g in l) {
-      var f = l[g], S = void 0;
-      if (f != null && (g === "key" && s.key != null ? S = s.key.toLowerCase() : g === "which" ? S = f === 91 && s.which === 93 ? 91 : s.which : S = s[g], !(S == null && f === !1) && S !== f))
-        return !1;
-    }
-    return !0;
-  }
-  function w(l) {
-    l = T(l);
-    var s = o[l] || l.toUpperCase().charCodeAt(0);
-    return s;
-  }
-  function T(l) {
-    return l = l.toLowerCase(), l = r[l] || l, l;
-  }
-  return v.default = a, v.isHotkey = a, v.isCodeHotkey = d, v.isKeyHotkey = c, v.parseHotkey = u, v.compareHotkey = p, v.toKeyCode = w, v.toKeyName = T, v;
-}
-var Kt = /* @__PURE__ */ Dt();
-const Ot = /* @__PURE__ */ we(Kt), Ht = ({ editor: t }) => ({ handleKeyDown: M(
-  (r) => {
-    if ((r.metaKey || r.ctrlKey) && r.key === "z") {
-      r.preventDefault(), r.shiftKey ? t.redo() : t.undo();
-      return;
-    }
-    for (const o in de)
-      if (Ot(o, r)) {
-        r.preventDefault();
-        const n = de[o];
-        O(t, n);
-        return;
-      }
-    if (r.shiftKey && r.key === "Enter") {
-      r.preventDefault(), t.insertText(vt.placeholderCharacter);
-      return;
-    }
-  },
-  [t]
-) }), Ie = function({
-  ref: e,
-  editor: r,
-  initialValue: o,
-  onChange: n,
-  onFocus: a,
-  onBlur: d,
-  placeholder: c = Y.placeholder,
-  isDisabled: u = Y.isDisabled,
-  isReadOnly: p = Y.isReadOnly,
-  autoFocus: w = Y.autoFocus,
-  toolbar: T
-}) {
-  const l = ne(null), s = Ue(Ve(l, e)), { handleKeyDown: g } = Ht({ editor: r }), f = M(
-    (y) => {
-      a && a(y);
-    },
-    [a]
-  ), S = M(
-    (y) => {
-      d && d(y);
-    },
-    [d]
-  );
-  Ae(
-    s,
-    () => ({
-      focus: () => xt(r),
-      resetValue: (y) => St(r, y)
-    }),
-    [r]
-  );
-  const N = M(
-    (y) => /* @__PURE__ */ i(kt, { ...y }),
-    []
-  ), L = M(
-    (y) => /* @__PURE__ */ i(Ct, { ...y }),
-    []
-  ), x = H(), A = Array.isArray(o) && o.length > 0 ? o : x;
-  return /* @__PURE__ */ h(Pe, { editor: r, initialValue: A, onChange: n, children: [
-    T && /* @__PURE__ */ i(st, { children: T }),
-    /* @__PURE__ */ i(at, { asChild: !0, children: /* @__PURE__ */ i(
-      ze,
-      {
-        renderElement: N,
-        renderLeaf: L,
-        placeholder: c,
-        autoFocus: w,
-        readOnly: p || u,
-        onKeyDown: g,
-        onFocus: f,
-        onBlur: S,
-        "aria-label": "Rich text editor",
-        role: "textbox",
-        "aria-multiline": "true"
-      }
-    ) })
-  ] });
-};
-Ie.displayName = "RichTextEditor";
-const Nt = ({
-  withPreservedSelection: t,
-  textStyles: e
-}) => {
-  const r = J(), o = Se(), n = F(() => dt.find(
-    (s) => P(r, s)
-  ) || "paragraph", [o, r.children]), a = e.find((s) => s.id === n), d = a?.label || "", c = M(
-    (s) => {
-      t(() => {
-        re(r, s);
-      })();
-    },
-    [r, t]
-  ), u = M(
-    (s) => {
-      t(() => {
-        const g = Array.from(s)[0], f = P(r, "bulleted-list") ? "bulleted-list" : P(r, "numbered-list") ? "numbered-list" : null;
-        g ? re(r, g) : f && re(r, f);
-      })();
-    },
-    [r, t]
-  ), p = F(() => {
-    const s = [];
-    return K(r, "bold") && s.push("bold"), K(r, "italic") && s.push("italic"), K(r, "underline") && s.push("underline"), new Set(s);
-  }, [o, r.children, b.marks(r)]), w = F(() => {
-    const s = [];
-    return P(r, "bulleted-list") && s.push("bulleted-list"), P(r, "numbered-list") && s.push("numbered-list"), new Set(s);
-  }, [o, r.children]), T = F(() => r.history && r.history.undos.length > 0, [o, r.children]), l = F(() => r.history && r.history.redos.length > 0, [o, r.children]);
-  return {
-    currentTextStyle: n,
-    selectedTextStyle: a,
-    selectedTextStyleLabel: d,
-    handleTextStyleChange: c,
-    handleListToggle: u,
-    selectedFormatKeys: p,
-    selectedListKeys: w,
-    hasUndos: T,
-    hasRedos: l
-  };
-}, Le = ({
-  isDisabled: t = !1
-}) => {
-  const e = Te(Me), r = J(), o = Ce(r), n = ut(e.format), {
-    currentTextStyle: a,
-    selectedTextStyleLabel: d,
-    handleTextStyleChange: c,
-    handleListToggle: u,
-    selectedFormatKeys: p,
-    selectedListKeys: w,
-    hasUndos: T,
-    hasRedos: l
-  } = Nt({ withPreservedSelection: o, textStyles: n });
-  return /* @__PURE__ */ h(
-    nt,
-    {
-      orientation: "horizontal",
-      "aria-label": e.format("textFormatting"),
-      width: "full",
-      overflow: "hidden",
-      size: "xs",
-      children: [
-        /* @__PURE__ */ i(le, { children: /* @__PURE__ */ h(
-          R.Root,
-          {
-            onAction: (s) => c(String(s)),
-            children: [
-              /* @__PURE__ */ h(m.Root, { delay: 0, closeDelay: 0, children: [
-                /* @__PURE__ */ i(
-                  R.Trigger,
-                  {
-                    height: "800",
-                    width: "4000",
-                    bg: "primary.1",
-                    borderRadius: "200",
-                    _hover: { bg: "primary.2" },
-                    isDisabled: t,
-                    onMouseDown: (s) => s.preventDefault(),
-                    "aria-label": e.format("textStyleMenu"),
-                    children: /* @__PURE__ */ h(z, { display: "flex", alignItems: "center", gap: "200", px: "200", children: [
-                      /* @__PURE__ */ i(z, { display: "flex", alignItems: "center", gap: "200", flexGrow: "1", children: /* @__PURE__ */ i(D, { my: "auto", textStyle: "sm", fontWeight: "500", children: d }) }),
-                      /* @__PURE__ */ i(Xe, {})
-                    ] })
-                  }
-                ),
-                /* @__PURE__ */ i(m.Content, { placement: "top", children: e.format("textStyle") })
-              ] }),
-              /* @__PURE__ */ i(R.Content, { children: n.map((s) => /* @__PURE__ */ i(
-                R.Item,
-                {
-                  id: s.id,
-                  ...a === s.id && {
-                    "data-state": "checked"
-                  },
-                  children: /* @__PURE__ */ i(D, { ...s.props, children: s.label })
-                },
-                s.id
-              )) })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ i(ce, { orientation: "vertical" }),
-        /* @__PURE__ */ h(
-          ue.Root,
-          {
-            selectionMode: "multiple",
-            selectedKeys: p,
-            isDisabled: t,
-            children: [
-              /* @__PURE__ */ h(m.Root, { delay: 0, closeDelay: 0, children: [
-                /* @__PURE__ */ h(
-                  U,
-                  {
-                    id: "bold",
-                    size: "xs",
-                    variant: "ghost",
-                    "aria-label": e.format("bold"),
-                    isDisabled: t,
-                    onMouseDown: (s) => s.preventDefault(),
-                    onPress: o(() => O(r, "bold")),
-                    children: [
-                      /* @__PURE__ */ i(Ye, {}),
-                      /* @__PURE__ */ i(W, { children: e.format("bold") })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ i(m.Content, { placement: "top", children: e.format("bold") })
-              ] }),
-              /* @__PURE__ */ h(m.Root, { delay: 0, closeDelay: 0, children: [
-                /* @__PURE__ */ h(
-                  U,
-                  {
-                    id: "italic",
-                    size: "xs",
-                    variant: "ghost",
-                    "aria-label": e.format("italic"),
-                    isDisabled: t,
-                    onMouseDown: (s) => s.preventDefault(),
-                    onPress: o(() => O(r, "italic")),
-                    children: [
-                      /* @__PURE__ */ i(Qe, {}),
-                      /* @__PURE__ */ i(W, { children: e.format("italic") })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ i(m.Content, { placement: "top", children: e.format("italic") })
-              ] }),
-              /* @__PURE__ */ h(m.Root, { delay: 0, closeDelay: 0, children: [
-                /* @__PURE__ */ h(
-                  U,
-                  {
-                    id: "underline",
-                    size: "xs",
-                    variant: "ghost",
-                    "aria-label": e.format("underline"),
-                    isDisabled: t,
-                    onMouseDown: (s) => s.preventDefault(),
-                    onPress: o(
-                      () => O(r, "underline")
-                    ),
-                    children: [
-                      /* @__PURE__ */ i(Ze, {}),
-                      /* @__PURE__ */ i(W, { children: e.format("underline") })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ i(m.Content, { placement: "top", children: e.format("underline") })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ i(At, { isDisabled: t }),
-        /* @__PURE__ */ i(ce, { orientation: "vertical" }),
-        /* @__PURE__ */ h(
-          ue.Root,
-          {
-            selectionMode: "single",
-            selectedKeys: w,
-            onSelectionChange: u,
-            "aria-label": e.format("listFormatting"),
-            isDisabled: t,
-            children: [
-              /* @__PURE__ */ h(m.Root, { delay: 0, closeDelay: 0, children: [
-                /* @__PURE__ */ i(
-                  U,
-                  {
-                    id: "bulleted-list",
-                    size: "xs",
-                    variant: "ghost",
-                    "aria-label": e.format("bulletedList"),
-                    isDisabled: t,
-                    onMouseDown: (s) => s.preventDefault(),
-                    children: /* @__PURE__ */ i(Je, {})
-                  }
-                ),
-                /* @__PURE__ */ i(m.Content, { placement: "top", children: e.format("bulletedList") })
-              ] }),
-              /* @__PURE__ */ h(m.Root, { delay: 0, closeDelay: 0, children: [
-                /* @__PURE__ */ i(
-                  U,
-                  {
-                    id: "numbered-list",
-                    size: "xs",
-                    variant: "ghost",
-                    "aria-label": e.format("numberedList"),
-                    isDisabled: t,
-                    onMouseDown: (s) => s.preventDefault(),
-                    children: /* @__PURE__ */ i(et, {})
-                  }
-                ),
-                /* @__PURE__ */ i(m.Content, { placement: "top", children: e.format("numberedList") })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ i(z, { flexGrow: "1" }),
-        /* @__PURE__ */ h(le, { children: [
-          /* @__PURE__ */ h(m.Root, { delay: 0, closeDelay: 0, children: [
-            /* @__PURE__ */ h(
-              ie,
-              {
-                size: "xs",
-                variant: "ghost",
-                "aria-label": e.format("undo"),
-                isDisabled: !T || t,
-                onPress: o(() => r.undo()),
-                onMouseDown: (s) => s.preventDefault(),
-                children: [
-                  /* @__PURE__ */ i(tt, {}),
-                  /* @__PURE__ */ i(W, { children: e.format("undo") })
-                ]
-              }
-            ),
-            /* @__PURE__ */ i(m.Content, { placement: "top", children: e.format("undo") })
-          ] }),
-          /* @__PURE__ */ h(m.Root, { delay: 0, closeDelay: 0, children: [
-            /* @__PURE__ */ h(
-              ie,
-              {
-                size: "xs",
-                variant: "ghost",
-                "aria-label": e.format("redo"),
-                isDisabled: !l || t,
-                onPress: o(() => r.redo()),
-                onMouseDown: (s) => s.preventDefault(),
-                children: [
-                  /* @__PURE__ */ i(rt, {}),
-                  /* @__PURE__ */ i(W, { children: e.format("redo") })
-                ]
-              }
-            ),
-            /* @__PURE__ */ i(m.Content, { placement: "top", children: e.format("redo") })
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-Le.displayName = "RichTextToolbar";
-const Pt = (t) => {
-  const {
-    ref: e,
-    value: r,
-    defaultValue: o,
-    onChange: n,
-    onFocus: a,
-    onBlur: d,
-    placeholder: c = "",
-    isDisabled: u = !1,
-    isReadOnly: p = !1,
-    isInvalid: w = !1,
-    autoFocus: T = !1,
-    ...l
-  } = t, s = He({ recipe: Be }), [g, f] = s.splitVariantProps({
-    // Only semantic variants go here (none currently defined)
-    ...l
-  }), [S, N] = qe(f), L = {
-    "data-disabled": u ? "true" : void 0,
-    "data-invalid": w ? "true" : void 0,
-    "data-readonly": p ? "true" : void 0
-  }, x = F(() => {
-    const k = Ne();
-    return Tt(_e($e(k)));
-  }, []), A = F(() => {
-    const k = r ?? o ?? "";
-    try {
-      return k ? se(k) : H();
-    } catch (I) {
-      return console.warn("Failed to parse initial HTML, using empty value:", I), H();
-    }
-  }, []), [y, $] = De(() => r ?? o ?? ""), _ = ne(!1), C = ne(null);
-  Ke(() => {
-    if (_.current || r === void 0 || r === y) {
-      _.current = !1;
-      return;
-    }
-    const k = r ? se(r) : H(), I = ae(k);
-    x.children = I, x.selection = null, x.history && (x.history.undos = [], x.history.redos = []), $(r), x.onChange();
-  }, [r, y, x]);
-  const X = M(
-    (k) => {
-      const I = ft(k);
-      I !== y && (_.current = !0, $(I), n && n(I));
-    },
-    [y, n]
-  ), B = ae(A);
-  return /* @__PURE__ */ i(
-    it,
-    {
-      role: "group",
-      ...g,
-      ...S,
-      ...N,
-      ...L,
-      ref: e,
-      children: /* @__PURE__ */ i(
-        Ie,
-        {
-          ref: C,
-          editor: x,
-          initialValue: B,
-          onChange: X,
-          onFocus: a,
-          onBlur: d,
-          placeholder: c,
-          isDisabled: u,
-          isReadOnly: p,
-          autoFocus: T,
-          toolbar: p ? null : /* @__PURE__ */ i(Le, { isDisabled: u })
-        }
-      )
-    }
-  );
-};
-Pt.displayName = "RichTextInput";
-export {
-  Pt as R,
-  we as g
-};
-//# sourceMappingURL=rich-text-input-BDCm78yF.es.js.map