@commercetools/nimbus 0.0.0-canary-20251016170725 → 0.0.0-canary-20251020175823

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

@@ -0,0 +1,1074 @@
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
+import { useCallback as E, useRef as ge, useMemo as D, useImperativeHandle as Ke, useState as se, useEffect as Me } from "react";
+import { createSlotRecipeContext as He, mergeRefs as Le, useSlotRecipe as Ne } from "@chakra-ui/react";
+import { e as $e } from "./extract-style-props-Cg1pKYtC.es.js";
+import { Text as j, Element as U, Transforms as C, Editor as g, Range as be, createEditor as Fe } from "slate";
+import { ReactEditor as re, withReact as Oe, Slate as Pe, Editable as Be, useSlate as Q } from "slate-react";
+import { withHistory as Ue } from "slate-history";
+import { $ as _e } from "./useObjectRef-CaJ5pgjX.es.js";
+import { G as ie } from "./group-DDgNGiAB.es.js";
+import { MoreHoriz as ze, FormatStrikethrough as Ve, Code as qe, KeyboardArrowDown as je, FormatBold as We, FormatItalic as Ge, FormatUnderlined as Xe, FormatListBulleted as Ye, FormatListNumbered as Qe, Undo as Je, Redo as Ze } from "@commercetools/nimbus-icons";
+import { M as v } from "./menu-D9Ji3iaH.es.js";
+import { b as y } from "./tooltip-B6mt46EB.es.js";
+import { I as ne } from "./icon-button-DR2FLlZ4.es.js";
+import { B as P } from "./box-DuBoAZvq.es.js";
+import { T as M } from "./text-BufUKCee.es.js";
+import { T as et } from "./toolbar-JF64ZgP6.es.js";
+import { S as le } from "./separator-BWeCBIxn.es.js";
+import { T as ae } from "./toggle-button-group-CF1NxUIC.es.js";
+import { I as z } from "./icon-toggle-button-BM45U1ea.es.js";
+import { V } from "./visually-hidden-CkxAz94w.es.js";
+import { o as tt } from "./index-D6WdXWQX.es.js";
+function xe(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+const { withProvider: rt, withContext: Se } = /* @__PURE__ */ He({
+  key: "richTextInput"
+}), nt = /* @__PURE__ */ rt("div", "root"), ot = /* @__PURE__ */ Se("div", "toolbar"), st = /* @__PURE__ */ Se("div", "editable");
+/*!
+ * escape-html
+ * Copyright(c) 2012-2013 TJ Holowaychuk
+ * Copyright(c) 2015 Andreas Lubbe
+ * Copyright(c) 2015 Tiancheng "Timothy" Gu
+ * MIT Licensed
+ */
+var Z, ce;
+function it() {
+  if (ce) return Z;
+  ce = 1;
+  var t = /["'&<>]/;
+  Z = e;
+  function e(r) {
+    var o = "" + r, n = t.exec(o);
+    if (!n)
+      return o;
+    var l, c = "", u = 0, p = 0;
+    for (u = n.index; u < o.length; u++) {
+      switch (o.charCodeAt(u)) {
+        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;
+      }
+      p !== u && (c += o.substring(p, u)), p = u + 1, c += l;
+    }
+    return p !== u ? c + o.substring(p, u) : c;
+  }
+  return Z;
+}
+var lt = /* @__PURE__ */ it();
+const G = /* @__PURE__ */ xe(lt), 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"
+}, Y = {
+  STRIKETHROUGH: "strikethrough",
+  CODE: "code",
+  SUPERSCRIPT: "superscript",
+  SUBSCRIPT: "subscript"
+}, at = [
+  Y.STRIKETHROUGH,
+  Y.CODE
+], ct = [
+  Y.SUPERSCRIPT,
+  Y.SUBSCRIPT
+], Te = [
+  {
+    id: "paragraph",
+    label: "Paragraph",
+    props: {
+      textStyle: "md",
+      fontWeight: "500"
+    }
+  },
+  {
+    id: "heading-one",
+    label: "Heading 1",
+    props: {
+      textStyle: "2xl",
+      fontWeight: "500"
+    }
+  },
+  {
+    id: "heading-two",
+    label: "Heading 2",
+    props: {
+      textStyle: "xl",
+      fontWeight: "500"
+    }
+  },
+  {
+    id: "heading-three",
+    label: "Heading 3",
+    props: {
+      textStyle: "lg",
+      fontWeight: "500"
+    }
+  },
+  {
+    id: "heading-four",
+    label: "Heading 4",
+    props: {
+      textStyle: "md",
+      fontWeight: "500"
+    }
+  },
+  {
+    id: "heading-five",
+    label: "Heading 5",
+    props: {
+      textStyle: "xs",
+      fontWeight: "500"
+    }
+  },
+  {
+    id: "block-quote",
+    label: "Quote",
+    props: {
+      textStyle: "md",
+      fontWeight: "400"
+    }
+  }
+], ut = [
+  "heading-one",
+  "heading-two",
+  "heading-three",
+  "heading-four",
+  "heading-five",
+  "block-quote"
+], we = `​
+`, N = () => [
+  {
+    type: "paragraph",
+    children: [{ text: "" }]
+  }
+], dt = (t) => t.map(ke).join(""), ke = (t) => {
+  if (j.isText(t)) {
+    const o = t;
+    let n = G(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(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 o = "";
+      if (r.url) {
+        const l = pt(r.url);
+        o = ` href="${G(l)}"`;
+      }
+      let n = "";
+      if (r.htmlAttributes && typeof r.htmlAttributes == "object")
+        for (const [l, c] of Object.entries(r.htmlAttributes))
+          l.toLowerCase().startsWith("on") || (n += ` ${G(l)}="${G(String(c))}"`);
+      return `<a${o}${n}>${e}</a>`;
+    }
+    default:
+      return e;
+  }
+}, oe = (t) => {
+  if (!t || t.trim() === "")
+    return N();
+  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(Re).filter(Boolean);
+      return Ce(o);
+    } else
+      return [
+        {
+          type: "paragraph",
+          children: [{ text: t }]
+        }
+      ];
+  } catch (e) {
+    return console.warn("Failed to parse HTML:", e), N();
+  }
+}, Re = (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(), o = Array.from(e.childNodes).map(Re).filter(Boolean);
+  if (r in de) {
+    const l = de[r], c = { type: l, children: [] };
+    if (l === "link") {
+      const u = e.getAttribute("href");
+      u && (c.url = u);
+      const p = {};
+      Array.from(e.attributes).forEach((f) => {
+        f.name !== "href" && !f.name.toLowerCase().startsWith("on") && (p[f.name] = f.value);
+      }), Object.keys(p).length > 0 && (c.htmlAttributes = p);
+    }
+    return c.children = ht(o), c;
+  }
+  if (r in he) {
+    const l = he[r];
+    return { text: ee(o), [l]: !0 };
+  }
+  return r === "span" ? { text: ee(o) } : { text: ee(o) };
+}, ht = (t) => {
+  const e = [];
+  for (const r of t)
+    typeof r == "string" ? r.trim() && e.push({ text: r }) : (r && j.isText(r) || r && U.isElement(r)) && e.push(r);
+  return e.length === 0 && e.push({ text: "" }), e;
+}, ve = (t) => t.children.map((e) => j.isText(e) ? e.text : U.isElement(e) ? ve(e) : "").join(""), ee = (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 ? ve(e) : String(e || "")).join(""), pt = (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 ? N() : t.map((e) => U.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;
+  }
+}, fe = ["bulleted-list", "numbered-list"], ft = [
+  "bold",
+  "code",
+  "italic",
+  "underline",
+  "superscript",
+  "subscript",
+  "strikethrough"
+], q = (t) => ft.includes(t), mt = (t, e) => q(e) ? t[e] === !0 : !1, H = (t, e) => {
+  const { selection: r } = t;
+  if (!r || be.isCollapsed(r)) {
+    const o = g.marks(t);
+    if (o && q(e))
+      return o[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 (j.isText(l) && q(e))
+          return l[e] === !0;
+      }
+    }
+    return !1;
+  }
+  try {
+    const o = Array.from(
+      g.nodes(t, {
+        at: r,
+        match: (n) => j.isText(n)
+      })
+    );
+    if (o.length === 0) {
+      const n = g.marks(t);
+      return !n || !q(e) ? !1 : n[e] === !0;
+    }
+    return o.every(([n]) => mt(n, e));
+  } catch {
+    const o = g.marks(t);
+    return !o || !q(e) ? !1 : o[e] === !0;
+  }
+}, O = (t, e) => {
+  const { selection: r } = t;
+  if (r) {
+    const [o] = Array.from(
+      g.nodes(t, {
+        at: g.unhangRange(t, r),
+        match: (n) => !g.isEditor(n) && U.isElement(n) && n.type === e
+      })
+    );
+    return !!o;
+  }
+  return t.children.length > 0 ? t.children[0].type === e : !1;
+}, L = (t, e) => {
+  H(t, e) ? g.removeMark(t, e) : g.addMark(t, e, !0);
+}, te = (t, e) => {
+  const r = O(t, e), o = fe.includes(e);
+  C.unwrapNodes(t, {
+    match: (l) => !g.isEditor(l) && U.isElement(l) && fe.includes(l.type),
+    split: !0
+  });
+  let n;
+  if (r ? n = { type: "paragraph" } : o ? n = { type: "list-item" } : n = { type: e }, C.setNodes(t, n), !r && o) {
+    const l = { type: e, children: [] };
+    C.wrapNodes(t, l);
+  }
+}, yt = (t) => {
+  re.focus(t);
+}, gt = (t, e) => {
+  const r = oe(e);
+  C.delete(t, {
+    at: {
+      anchor: g.start(t, []),
+      focus: g.end(t, [])
+    }
+  }), C.insertNodes(t, r), C.select(t, g.start(t, []));
+}, bt = (t) => {
+  const { insertData: e, insertText: r, isInline: o } = t;
+  return t.isInline = (n) => n.type === "link" ? !0 : o(n), t.insertText = (n) => {
+    n && pe(n) ? me(t, n) : r(n);
+  }, t.insertData = (n) => {
+    const l = n.getData("text/plain");
+    l && pe(l) ? me(t, l) : e(n);
+  }, t;
+}, xt = (t) => {
+  C.unwrapNodes(t, {
+    match: (e) => !g.isEditor(e) && U.isElement(e) && e.type === "link"
+  });
+}, me = (t, e) => {
+  O(t, "link") && xt(t);
+  const { selection: r } = t, o = r && be.isCollapsed(r), n = {
+    type: "link",
+    url: e,
+    children: o ? [{ text: e }] : []
+  };
+  o ? C.insertNodes(t, n) : (C.wrapNodes(t, n, { split: !0 }), C.collapse(t, { edge: "end" }));
+}, St = ({
+  attributes: t,
+  children: e,
+  element: r
+}) => {
+  const o = r, n = { textAlign: o.align };
+  switch (o.type) {
+    case "block-quote":
+      return /* @__PURE__ */ s("blockquote", { style: n, ...t, children: e });
+    case "bulleted-list":
+      return /* @__PURE__ */ s("ul", { style: n, ...t, children: e });
+    case "heading-one":
+      return /* @__PURE__ */ s("h1", { style: n, ...t, children: e });
+    case "heading-two":
+      return /* @__PURE__ */ s("h2", { style: n, ...t, children: e });
+    case "heading-three":
+      return /* @__PURE__ */ s("h3", { style: n, ...t, children: e });
+    case "heading-four":
+      return /* @__PURE__ */ s("h4", { style: n, ...t, children: e });
+    case "heading-five":
+      return /* @__PURE__ */ s("h5", { style: n, ...t, children: e });
+    case "list-item":
+      return /* @__PURE__ */ s("li", { style: n, ...t, children: e });
+    case "numbered-list":
+      return /* @__PURE__ */ s("ol", { style: n, ...t, children: e });
+    case "link":
+      return /* @__PURE__ */ s(
+        "a",
+        {
+          ...t,
+          href: o.url,
+          rel: "noopener noreferrer",
+          style: n,
+          children: e
+        }
+      );
+    default:
+      return /* @__PURE__ */ s("p", { style: n, ...t, children: e });
+  }
+}, Tt = ({
+  attributes: t,
+  children: e,
+  leaf: r
+}) => {
+  const o = r;
+  return o.bold && (e = /* @__PURE__ */ s("strong", { children: e })), o.code && (e = /* @__PURE__ */ s("code", { children: e })), o.italic && (e = /* @__PURE__ */ s("em", { children: e })), o.underline && (e = /* @__PURE__ */ s("u", { children: e })), o.strikethrough && (e = /* @__PURE__ */ s("del", { children: e })), o.superscript && (e = /* @__PURE__ */ s("sup", { children: e })), o.subscript && (e = /* @__PURE__ */ s("sub", { children: e })), /* @__PURE__ */ s("span", { ...t, children: e });
+}, wt = {
+  placeholderCharacter: `​
+`
+};
+var R = {}, ye;
+function kt() {
+  if (ye) return R;
+  ye = 1, Object.defineProperty(R, "__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 l(a, d, S) {
+    d && !("byKey" in d) && (S = d, d = null), Array.isArray(a) || (a = [a]);
+    var b = a.map(function(K) {
+      return p(K, d);
+    }), x = function(A) {
+      return b.some(function(I) {
+        return f(I, A);
+      });
+    }, $ = S == null ? x : x(S);
+    return $;
+  }
+  function c(a, d) {
+    return l(a, d);
+  }
+  function u(a, d) {
+    return l(a, { byKey: !0 }, d);
+  }
+  function p(a, d) {
+    var S = d && d.byKey, b = {};
+    a = a.replace("++", "+add");
+    var x = a.split("+"), $ = x.length;
+    for (var K in e)
+      b[e[K]] = !1;
+    var A = !0, I = !1, m = void 0;
+    try {
+      for (var B = x[Symbol.iterator](), W; !(A = (W = B.next()).done); A = !0) {
+        var k = W.value, J = k.endsWith("?") && k.length > 1;
+        J && (k = k.slice(0, -1));
+        var _ = i(k), w = e[_];
+        if (k.length > 1 && !w && !r[k] && !o[_])
+          throw new TypeError('Unknown modifier: "' + k + '"');
+        ($ === 1 || !w) && (S ? b.key = _ : b.which = T(k)), w && (b[w] = J ? null : !0);
+      }
+    } catch (F) {
+      I = !0, m = F;
+    } finally {
+      try {
+        !A && B.return && B.return();
+      } finally {
+        if (I)
+          throw m;
+      }
+    }
+    return b;
+  }
+  function f(a, d) {
+    for (var S in a) {
+      var b = a[S], x = void 0;
+      if (b != null && (S === "key" && d.key != null ? x = d.key.toLowerCase() : S === "which" ? x = b === 91 && d.which === 93 ? 91 : d.which : x = d[S], !(x == null && b === !1) && x !== b))
+        return !1;
+    }
+    return !0;
+  }
+  function T(a) {
+    a = i(a);
+    var d = o[a] || a.toUpperCase().charCodeAt(0);
+    return d;
+  }
+  function i(a) {
+    return a = a.toLowerCase(), a = r[a] || a, a;
+  }
+  return R.default = l, R.isHotkey = l, R.isCodeHotkey = c, R.isKeyHotkey = u, R.parseHotkey = p, R.compareHotkey = f, R.toKeyCode = T, R.toKeyName = i, R;
+}
+var Rt = /* @__PURE__ */ kt();
+const vt = /* @__PURE__ */ xe(Rt), Ct = ({ editor: t }) => ({ handleKeyDown: E(
+  (r) => {
+    if ((r.metaKey || r.ctrlKey) && r.key === "z") {
+      r.preventDefault(), r.shiftKey ? t.redo() : t.undo();
+      return;
+    }
+    for (const o in ue)
+      if (vt(o, r)) {
+        r.preventDefault();
+        const n = ue[o];
+        L(t, n);
+        return;
+      }
+    if (r.shiftKey && r.key === "Enter") {
+      r.preventDefault(), t.insertText(wt.placeholderCharacter);
+      return;
+    }
+  },
+  [t]
+) }), Ee = function({
+  ref: e,
+  value: r,
+  onChange: o,
+  onFocus: n,
+  onBlur: l,
+  placeholder: c = X.placeholder,
+  isDisabled: u = X.isDisabled,
+  isReadOnly: p = X.isReadOnly,
+  autoFocus: f = X.autoFocus,
+  toolbar: T
+  //...props
+}) {
+  const i = ge(null), a = _e(Le(i, e)), d = D(() => {
+    const m = Fe();
+    return bt(Ue(Oe(m)));
+  }, []), { handleKeyDown: S } = Ct({ editor: d }), b = E(
+    (m) => {
+      n && n(m);
+    },
+    [n]
+  ), x = E(
+    (m) => {
+      l && l(m);
+    },
+    [l]
+  );
+  Ke(
+    a,
+    () => ({
+      focus: () => yt(d),
+      resetValue: (m) => gt(d, m)
+    }),
+    [d]
+  );
+  const $ = E(
+    (m) => /* @__PURE__ */ s(St, { ...m }),
+    []
+  ), K = E(
+    (m) => /* @__PURE__ */ s(Tt, { ...m }),
+    []
+  ), A = N(), I = Array.isArray(r) && r.length > 0 ? r : A;
+  return /* @__PURE__ */ h(Pe, { editor: d, value: I, onChange: o, children: [
+    T && /* @__PURE__ */ s(ot, { children: T }),
+    /* @__PURE__ */ s(st, { asChild: !0, children: /* @__PURE__ */ s(
+      Be,
+      {
+        renderElement: $,
+        renderLeaf: K,
+        placeholder: c,
+        autoFocus: f,
+        readOnly: p || u,
+        onKeyDown: S,
+        onFocus: b,
+        onBlur: x,
+        "aria-label": "Rich text editor",
+        role: "textbox",
+        "aria-multiline": "true"
+      }
+    ) })
+  ] });
+};
+Ee.displayName = "RichTextEditor";
+const Ae = (t) => E(
+  (e) => () => {
+    const { selection: r } = t;
+    e(), r && !t.selection && C.select(t, r), re.isFocused(t) || re.focus(t);
+  },
+  [t]
+), Et = ({
+  withPreservedSelection: t
+}) => {
+  const e = Q(), r = D(() => ut.find(
+    (i) => O(e, i)
+  ) || "paragraph", [e.selection, e.children]), o = Te.find((i) => i.id === r), n = o?.label || "", l = E(
+    (i) => {
+      t(() => {
+        te(e, i);
+      })();
+    },
+    [e, t]
+  ), c = E(
+    (i) => {
+      t(() => {
+        const a = Array.from(i)[0], d = O(e, "bulleted-list") ? "bulleted-list" : O(e, "numbered-list") ? "numbered-list" : null;
+        a ? te(e, a) : d && te(e, d);
+      })();
+    },
+    [e, t]
+  ), u = D(() => {
+    const i = [];
+    return H(e, "bold") && i.push("bold"), H(e, "italic") && i.push("italic"), H(e, "underline") && i.push("underline"), new Set(i);
+  }, [e.selection, e.children, g.marks(e)]), p = D(() => {
+    const i = [];
+    return O(e, "bulleted-list") && i.push("bulleted-list"), O(e, "numbered-list") && i.push("numbered-list"), new Set(i);
+  }, [e.selection, e.children]), f = D(() => e.history && e.history.undos.length > 0, [e.selection, e.children]), T = D(() => e.history && e.history.redos.length > 0, [e.selection, e.children]);
+  return {
+    currentTextStyle: r,
+    selectedTextStyle: o,
+    selectedTextStyleLabel: n,
+    handleTextStyleChange: l,
+    handleListToggle: c,
+    selectedFormatKeys: u,
+    selectedListKeys: p,
+    hasUndos: f,
+    hasRedos: T
+  };
+}, At = ({
+  withPreservedSelection: t
+}) => {
+  const e = Q(), r = D(() => {
+    const c = [];
+    return at.forEach((u) => {
+      H(e, u) && c.push(u);
+    }), new Set(c);
+  }, [e.selection, e.children, g.marks(e)]), o = D(() => {
+    const c = [];
+    return ct.forEach((u) => {
+      H(e, u) && c.push(u);
+    }), new Set(c);
+  }, [e.selection, e.children, g.marks(e)]), n = D(() => /* @__PURE__ */ new Set([
+    ...Array.from(r),
+    ...Array.from(o)
+  ]), [r, o]), l = E(
+    (c) => {
+      if (c === "all") return;
+      const u = Array.from(c), p = Array.from(n), f = u.filter(
+        (i) => !p.includes(i)
+      ), T = p.filter(
+        (i) => !u.includes(i)
+      );
+      [...f, ...T].forEach((i) => {
+        i === "superscript" || i === "subscript" ? t(() => {
+          const a = H(e, "superscript") ? "superscript" : H(e, "subscript") ? "subscript" : null;
+          f.includes(i) && a && a !== i && L(e, a), L(e, i);
+        })() : t(() => L(e, i))();
+      });
+    },
+    [e, n, t]
+  );
+  return {
+    selectedKeys: r,
+    selectedScriptKeys: o,
+    allSelectedKeys: n,
+    handleAllSelectionChange: l
+  };
+}, It = ({ isDisabled: t = !1 }) => {
+  const e = Q(), r = Ae(e), { allSelectedKeys: o, handleAllSelectionChange: n } = At({
+    withPreservedSelection: r
+  });
+  return /* @__PURE__ */ h(
+    v.Root,
+    {
+      selectionMode: "multiple",
+      selectedKeys: o,
+      onSelectionChange: n,
+      children: [
+        /* @__PURE__ */ h(y.Root, { delay: 0, closeDelay: 0, children: [
+          /* @__PURE__ */ s(v.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
+            ne,
+            {
+              size: "xs",
+              variant: "ghost",
+              "aria-label": "More formatting options",
+              isDisabled: t,
+              onMouseDown: (l) => l.preventDefault(),
+              children: /* @__PURE__ */ s(ze, {})
+            }
+          ) }),
+          /* @__PURE__ */ s(y.Content, { placement: "top", children: "More styles" })
+        ] }),
+        /* @__PURE__ */ h(v.Content, { children: [
+          /* @__PURE__ */ s(v.Item, { id: "strikethrough", children: /* @__PURE__ */ h(P, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
+            /* @__PURE__ */ s(Ve, {}),
+            /* @__PURE__ */ s(M, { textStyle: "sm", children: "Strikethrough" })
+          ] }) }),
+          /* @__PURE__ */ s(v.Item, { id: "code", children: /* @__PURE__ */ h(P, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
+            /* @__PURE__ */ s(qe, {}),
+            /* @__PURE__ */ s(M, { textStyle: "sm", children: "Code" })
+          ] }) }),
+          /* @__PURE__ */ s(v.Item, { id: "superscript", children: /* @__PURE__ */ h(P, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
+            /* @__PURE__ */ s(M, { children: "X²" }),
+            /* @__PURE__ */ s(M, { textStyle: "sm", children: "Superscript" })
+          ] }) }),
+          /* @__PURE__ */ s(v.Item, { id: "subscript", children: /* @__PURE__ */ h(P, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
+            /* @__PURE__ */ s(M, { children: "X₂" }),
+            /* @__PURE__ */ s(M, { textStyle: "sm", children: "Subscript" })
+          ] }) })
+        ] })
+      ]
+    }
+  );
+}, Ie = ({
+  isDisabled: t = !1
+}) => {
+  const e = Q(), r = Ae(e), {
+    currentTextStyle: o,
+    selectedTextStyleLabel: n,
+    handleTextStyleChange: l,
+    handleListToggle: c,
+    selectedFormatKeys: u,
+    selectedListKeys: p,
+    hasUndos: f,
+    hasRedos: T
+  } = Et({ withPreservedSelection: r });
+  return /* @__PURE__ */ h(
+    et,
+    {
+      orientation: "horizontal",
+      "aria-label": "Text formatting",
+      width: "full",
+      overflow: "hidden",
+      size: "xs",
+      children: [
+        /* @__PURE__ */ s(ie, { children: /* @__PURE__ */ h(
+          v.Root,
+          {
+            onAction: (i) => l(String(i)),
+            children: [
+              /* @__PURE__ */ h(y.Root, { delay: 0, closeDelay: 0, children: [
+                /* @__PURE__ */ s(
+                  v.Trigger,
+                  {
+                    height: "800",
+                    width: "4000",
+                    bg: "primary.1",
+                    borderRadius: "200",
+                    _hover: { bg: "primary.2" },
+                    isDisabled: t,
+                    onMouseDown: (i) => i.preventDefault(),
+                    "aria-label": "Text style menu",
+                    children: /* @__PURE__ */ h(P, { display: "flex", alignItems: "center", gap: "200", px: "200", children: [
+                      /* @__PURE__ */ s(P, { display: "flex", alignItems: "center", gap: "200", flexGrow: "1", children: /* @__PURE__ */ s(M, { my: "auto", textStyle: "sm", fontWeight: "500", children: n }) }),
+                      /* @__PURE__ */ s(je, {})
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ s(y.Content, { placement: "top", children: "Text style" })
+              ] }),
+              /* @__PURE__ */ s(v.Content, { children: Te.map((i) => /* @__PURE__ */ s(
+                v.Item,
+                {
+                  id: i.id,
+                  ...o === i.id && {
+                    "data-state": "checked"
+                  },
+                  children: /* @__PURE__ */ s(M, { ...i.props, children: i.label })
+                },
+                i.id
+              )) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ s(le, { orientation: "vertical" }),
+        /* @__PURE__ */ h(
+          ae.Root,
+          {
+            selectionMode: "multiple",
+            selectedKeys: u,
+            isDisabled: t,
+            children: [
+              /* @__PURE__ */ h(y.Root, { delay: 0, closeDelay: 0, children: [
+                /* @__PURE__ */ h(
+                  z,
+                  {
+                    id: "bold",
+                    size: "xs",
+                    variant: "ghost",
+                    "aria-label": "Bold",
+                    isDisabled: t,
+                    onMouseDown: (i) => i.preventDefault(),
+                    onPress: r(() => L(e, "bold")),
+                    children: [
+                      /* @__PURE__ */ s(We, {}),
+                      /* @__PURE__ */ s(V, { children: "Bold" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ s(y.Content, { placement: "top", children: "Bold" })
+              ] }),
+              /* @__PURE__ */ h(y.Root, { delay: 0, closeDelay: 0, children: [
+                /* @__PURE__ */ h(
+                  z,
+                  {
+                    id: "italic",
+                    size: "xs",
+                    variant: "ghost",
+                    "aria-label": "Italic",
+                    isDisabled: t,
+                    onMouseDown: (i) => i.preventDefault(),
+                    onPress: r(() => L(e, "italic")),
+                    children: [
+                      /* @__PURE__ */ s(Ge, {}),
+                      /* @__PURE__ */ s(V, { children: "Italic" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ s(y.Content, { placement: "top", children: "Italic" })
+              ] }),
+              /* @__PURE__ */ h(y.Root, { delay: 0, closeDelay: 0, children: [
+                /* @__PURE__ */ h(
+                  z,
+                  {
+                    id: "underline",
+                    size: "xs",
+                    variant: "ghost",
+                    "aria-label": "Underline",
+                    isDisabled: t,
+                    onMouseDown: (i) => i.preventDefault(),
+                    onPress: r(
+                      () => L(e, "underline")
+                    ),
+                    children: [
+                      /* @__PURE__ */ s(Xe, {}),
+                      /* @__PURE__ */ s(V, { children: "Underline" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ s(y.Content, { placement: "top", children: "Underline" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(It, { isDisabled: t }),
+        /* @__PURE__ */ s(le, { orientation: "vertical" }),
+        /* @__PURE__ */ h(
+          ae.Root,
+          {
+            selectionMode: "single",
+            selectedKeys: p,
+            onSelectionChange: c,
+            "aria-label": "List formatting",
+            isDisabled: t,
+            children: [
+              /* @__PURE__ */ h(y.Root, { delay: 0, closeDelay: 0, children: [
+                /* @__PURE__ */ s(
+                  z,
+                  {
+                    id: "bulleted-list",
+                    size: "xs",
+                    variant: "ghost",
+                    "aria-label": "Bulleted List",
+                    isDisabled: t,
+                    onMouseDown: (i) => i.preventDefault(),
+                    children: /* @__PURE__ */ s(Ye, {})
+                  }
+                ),
+                /* @__PURE__ */ s(y.Content, { placement: "top", children: "Bulleted list" })
+              ] }),
+              /* @__PURE__ */ h(y.Root, { delay: 0, closeDelay: 0, children: [
+                /* @__PURE__ */ s(
+                  z,
+                  {
+                    id: "numbered-list",
+                    size: "xs",
+                    variant: "ghost",
+                    "aria-label": "Numbered List",
+                    isDisabled: t,
+                    onMouseDown: (i) => i.preventDefault(),
+                    children: /* @__PURE__ */ s(Qe, {})
+                  }
+                ),
+                /* @__PURE__ */ s(y.Content, { placement: "top", children: "Numbered list" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(P, { flexGrow: "1" }),
+        /* @__PURE__ */ h(ie, { children: [
+          /* @__PURE__ */ h(y.Root, { delay: 0, closeDelay: 0, children: [
+            /* @__PURE__ */ h(
+              ne,
+              {
+                size: "xs",
+                variant: "ghost",
+                "aria-label": "Undo",
+                isDisabled: !f || t,
+                onPress: r(() => e.undo()),
+                onMouseDown: (i) => i.preventDefault(),
+                children: [
+                  /* @__PURE__ */ s(Je, {}),
+                  /* @__PURE__ */ s(V, { children: "Undo" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ s(y.Content, { placement: "top", children: "Undo" })
+          ] }),
+          /* @__PURE__ */ h(y.Root, { delay: 0, closeDelay: 0, children: [
+            /* @__PURE__ */ h(
+              ne,
+              {
+                size: "xs",
+                variant: "ghost",
+                "aria-label": "Redo",
+                isDisabled: !T || t,
+                onPress: r(() => e.redo()),
+                onMouseDown: (i) => i.preventDefault(),
+                children: [
+                  /* @__PURE__ */ s(Ze, {}),
+                  /* @__PURE__ */ s(V, { children: "Redo" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ s(y.Content, { placement: "top", children: "Redo" })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+Ie.displayName = "RichTextToolbar";
+const Dt = (t) => {
+  const {
+    ref: e,
+    value: r,
+    defaultValue: o,
+    onChange: n,
+    onFocus: l,
+    onBlur: c,
+    placeholder: u = "",
+    isDisabled: p = !1,
+    isReadOnly: f = !1,
+    isInvalid: T = !1,
+    autoFocus: i = !1,
+    ...a
+  } = t, d = Ne({ recipe: tt }), [S, b] = d.splitVariantProps({
+    // Only semantic variants go here (none currently defined)
+    ...a
+  }), [x, $] = $e(b), K = {
+    "data-disabled": p ? "true" : void 0,
+    "data-invalid": T ? "true" : void 0,
+    "data-readonly": f ? "true" : void 0
+  }, [A, I] = se(() => {
+    const w = r ?? o ?? "";
+    try {
+      return w ? oe(w) : N();
+    } catch (F) {
+      return console.warn("Failed to parse initial HTML, using empty value:", F), N();
+    }
+  }), [m, B] = se(() => r ?? o ?? ""), W = ge(null);
+  Me(() => {
+    if (r !== void 0 && r !== m) {
+      const w = r ? oe(r) : N();
+      I(w), B(r);
+    }
+  }, [r, m]);
+  const k = E(
+    (w) => {
+      const F = dt(w), De = F !== m;
+      I(w), B(F), De && n && n(F);
+    },
+    [m, n]
+  ), _ = Ce(A);
+  return /* @__PURE__ */ s(
+    nt,
+    {
+      role: "group",
+      ...S,
+      ...x,
+      ...$,
+      ...K,
+      ref: e,
+      children: /* @__PURE__ */ s(
+        Ee,
+        {
+          ref: W,
+          value: _,
+          onChange: k,
+          onFocus: l,
+          onBlur: c,
+          placeholder: u,
+          isDisabled: p,
+          isReadOnly: f,
+          autoFocus: i,
+          toolbar: f ? null : /* @__PURE__ */ s(Ie, { isDisabled: p })
+        }
+      )
+    }
+  );
+};
+Dt.displayName = "RichTextInput";
+export {
+  Dt as R,
+  xe as g
+};
+//# sourceMappingURL=rich-text-input-bAQaG3hR.es.js.map