@alixpartners/ui-components 2.5.5 → 2.5.7

package/dist/RichTextEditor-kTQEDSL0.js

@@ -0,0 +1,477 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { c as R } from "./clsx-OuTLNxxd.js";
+import { useMemo as ve, useId as Je, useRef as k, useState as u, useEffect as w } from "react";
+import Ve from "./components/Dialog/Dialog.js";
+import z from "./components/Icon/Icon.js";
+import Me from "./components/Input/Input.js";
+import G from "./components/Tooltip/Tooltip.js";
+import { R as Ze, T as Ge, P as Ye, C as Xe } from "./index-CCFDXH-J.js";
+import './assets/RichTextEditor.css';const Qe = "RichTextEditor-module__container___AplP0", et = "RichTextEditor-module__label___vjzs-", tt = "RichTextEditor-module__required___7duke", nt = "RichTextEditor-module__frame___7OSyf", ot = "RichTextEditor-module__frameFocused___GtJ2x", rt = "RichTextEditor-module__frameDisabled___LubtU", it = "RichTextEditor-module__frameError___sPTiY", at = "RichTextEditor-module__errorMessage___4VdKj", lt = "RichTextEditor-module__helpers___cpuz6", ct = "RichTextEditor-module__helperText___rFoU0", st = "RichTextEditor-module__helpLink___7gYcv", dt = "RichTextEditor-module__containerDisabled___6h9dd", ut = "RichTextEditor-module__containerFullWidth___pOoeL", mt = "RichTextEditor-module__toolbarContent___YXKHD", ht = "RichTextEditor-module__toolbarPanel___OVGHO", ft = "RichTextEditor-module__toolbarRow___f0xJR", pt = "RichTextEditor-module__editorBody___f8jPI", _t = "RichTextEditor-module__toolbar___m9-M-", gt = "RichTextEditor-module__toolbarStacked___6rB10", Tt = "RichTextEditor-module__actions___ZAK9J", bt = "RichTextEditor-module__toolButton___IT2Kg", Rt = "RichTextEditor-module__toolButtonActive___-HvZQ", xt = "RichTextEditor-module__toolIcon___Wndhd", Et = "RichTextEditor-module__formatControl___w4WcA", vt = "RichTextEditor-module__toolbarLinkSlot___Gu-9l", Mt = "RichTextEditor-module__selectTrigger___frv3x", kt = "RichTextEditor-module__selectIconBox___SYdTE", Ct = "RichTextEditor-module__selectTriggerOpen___tk2Pb", Lt = "RichTextEditor-module__selectTriggerLabel___FkEv0", yt = "RichTextEditor-module__selectIcon___aJWUk", Ot = "RichTextEditor-module__formatMenu___y-uBL", Nt = "RichTextEditor-module__formatMenuOptions___zcdlo", Ht = "RichTextEditor-module__formatMenuOption___3ppTs", wt = "RichTextEditor-module__formatMenuOptionSelected___bq9J9", Bt = "RichTextEditor-module__formatMenuOptionParagraph___4BLds", St = "RichTextEditor-module__formatMenuOptionHeading1___H1cKX", At = "RichTextEditor-module__formatMenuOptionHeading2___JdixR", Dt = "RichTextEditor-module__formatMenuOptionHeading3___NcwLr", It = "RichTextEditor-module__formatMenuOptionHeading4___4mLbG", Ft = "RichTextEditor-module__formatMenuOptionPreformatted___cB0Ix", Pt = "RichTextEditor-module__editor___M32R7", Ut = "RichTextEditor-module__characterCount___gmUzj", jt = "RichTextEditor-module__characterCountExceeded___vjIpc", zt = "RichTextEditor-module__linkDialogForm___vOLO1", t = {
+  container: Qe,
+  label: et,
+  required: tt,
+  frame: nt,
+  frameFocused: ot,
+  frameDisabled: rt,
+  frameError: it,
+  errorMessage: at,
+  helpers: lt,
+  helperText: ct,
+  helpLink: st,
+  containerDisabled: dt,
+  containerFullWidth: ut,
+  toolbarContent: mt,
+  toolbarPanel: ht,
+  toolbarRow: ft,
+  editorBody: pt,
+  toolbar: _t,
+  toolbarStacked: gt,
+  actions: Tt,
+  toolButton: bt,
+  toolButtonActive: Rt,
+  toolIcon: xt,
+  formatControl: Et,
+  toolbarLinkSlot: vt,
+  selectTrigger: Mt,
+  selectIconBox: kt,
+  selectTriggerOpen: Ct,
+  selectTriggerLabel: Lt,
+  selectIcon: yt,
+  formatMenu: Ot,
+  formatMenuOptions: Nt,
+  formatMenuOption: Ht,
+  formatMenuOptionSelected: wt,
+  formatMenuOptionParagraph: Bt,
+  formatMenuOptionHeading1: St,
+  formatMenuOptionHeading2: At,
+  formatMenuOptionHeading3: Dt,
+  formatMenuOptionHeading4: It,
+  formatMenuOptionPreformatted: Ft,
+  editor: Pt,
+  characterCount: Ut,
+  characterCountExceeded: jt,
+  linkDialogForm: zt
+}, qt = {
+  paragraph: "p",
+  heading1: "h1",
+  heading2: "h2",
+  heading3: "h3",
+  heading4: "h4",
+  preformatted: "pre",
+  "unordered-list": "ul",
+  "ordered-list": "ol"
+};
+function ye(a) {
+  return a.trim().length > 0 ? a : "<br>";
+}
+function $t(a) {
+  switch (a.toLowerCase()) {
+    case "h1":
+      return "heading1";
+    case "h2":
+      return "heading2";
+    case "h3":
+      return "heading3";
+    case "h4":
+      return "heading4";
+    case "pre":
+      return "preformatted";
+    case "ul":
+      return "unordered-list";
+    case "ol":
+      return "ordered-list";
+    case "p":
+    default:
+      return "paragraph";
+  }
+}
+function Y(a) {
+  if (!a.trim())
+    return {
+      blocks: [{
+        type: "paragraph",
+        html: "<br>"
+      }]
+    };
+  const p = new DOMParser().parseFromString(a, "text/html"), g = Array.from(p.body.childNodes), x = [];
+  return g.forEach((l) => {
+    var v;
+    if (l.nodeType === Node.TEXT_NODE) {
+      const C = (v = l.textContent) == null ? void 0 : v.trim();
+      C && x.push({
+        type: "paragraph",
+        html: C
+      });
+      return;
+    }
+    if (l.nodeType !== Node.ELEMENT_NODE)
+      return;
+    const f = l, E = f.style.textAlign;
+    x.push({
+      type: $t(f.tagName),
+      html: ye(f.innerHTML),
+      align: E || void 0
+    });
+  }), {
+    blocks: x.length > 0 ? x : [{
+      type: "paragraph",
+      html: "<br>"
+    }]
+  };
+}
+function ke(a) {
+  return a.blocks.length ? a.blocks.map((m) => {
+    const p = qt[m.type], g = m.align ? ` style="text-align:${m.align}"` : "";
+    return `<${p}${g}>${ye(m.html)}</${p}>`;
+  }).join("") : "<p><br></p>";
+}
+function Wt(a) {
+  return a.blocks.map((p) => p.html.replace(/<[^>]+>/g, "")).join("").length;
+}
+const Kt = ["bold", "italic", "underline", "align-left", "align-center", "align-right", "bulleted", "link", "format"], Jt = [{
+  label: "Paragraph",
+  value: "paragraph"
+}, {
+  label: "Heading 1",
+  value: "heading1"
+}, {
+  label: "Heading 2",
+  value: "heading2"
+}, {
+  label: "Heading 3",
+  value: "heading3"
+}, {
+  label: "Heading 4",
+  value: "heading4"
+}, {
+  label: "Preformatted",
+  value: "preformatted"
+}], Ce = {
+  paragraph: "P",
+  heading1: "H1",
+  heading2: "H2",
+  heading3: "H3",
+  heading4: "H4",
+  preformatted: "PRE",
+  "unordered-list": "UL",
+  "ordered-list": "OL"
+};
+function X() {
+  return "<p><br></p>";
+}
+function Vt(a) {
+  return a.trim().length > 0 ? a : X();
+}
+function Le(a) {
+  switch (a) {
+    case "H1":
+      return "heading1";
+    case "H2":
+      return "heading2";
+    case "H3":
+      return "heading3";
+    case "H4":
+      return "heading4";
+    case "PRE":
+      return "preformatted";
+    case "P":
+    case "DIV":
+      return "paragraph";
+    default:
+      return null;
+  }
+}
+function Zt(a) {
+  switch (a) {
+    case "heading1":
+      return t.formatMenuOptionHeading1;
+    case "heading2":
+      return t.formatMenuOptionHeading2;
+    case "heading3":
+      return t.formatMenuOptionHeading3;
+    case "heading4":
+      return t.formatMenuOptionHeading4;
+    case "preformatted":
+      return t.formatMenuOptionPreformatted;
+    default:
+      return t.formatMenuOptionParagraph;
+  }
+}
+function rn({
+  className: a,
+  label: m,
+  required: p = !1,
+  value: g,
+  placeholder: x = "Content",
+  disabled: l = !1,
+  errorMessage: f,
+  helpText: E,
+  helpLink: v,
+  helpLinkText: C,
+  toolbarLayout: q = "inline",
+  showToolbar: $ = !0,
+  showCharacterCount: Oe = !0,
+  maxCharacters: T,
+  resizable: Ne = !0,
+  rows: He = 8,
+  fullWidth: W = !1,
+  tooltipEnabled: B = !0,
+  formatOptions: Q = Jt,
+  toolbarOptions: ee = Kt,
+  onChange: K,
+  onModelChange: J
+}) {
+  const we = ve(() => new Set(ee), [ee]), L = (e) => we.has(e), te = Je(), s = k(null), ne = k(null), oe = k(null), y = k(null), S = k(!1), [Be, re] = u(!1), [A, ie] = u(!1), [Se, Ae] = u(0), [ae, le] = u(null), [De, ce] = u(!1), [se, de] = u(""), [ue, me] = u(""), [he, O] = u(""), [D, fe] = u(() => Y(g || X())), [pe, Ie] = u("paragraph"), [b, Fe] = u({
+    bold: !1,
+    italic: !1,
+    underline: !1,
+    justifyLeft: !1,
+    justifyCenter: !1,
+    justifyRight: !1,
+    insertUnorderedList: !1
+  }), N = ve(() => Wt(D), [D]), _e = k(N);
+  _e.current = N;
+  const I = () => {
+    if (!s.current) return;
+    const e = Y(s.current.innerHTML);
+    fe(e), J == null || J(e), K == null || K(ke(e));
+  }, ge = () => {
+    const e = window.getSelection();
+    return e && e.rangeCount > 0 ? e.getRangeAt(0) : null;
+  }, Te = (e, n) => {
+    const i = s.current;
+    let r = e instanceof HTMLElement ? e : (e == null ? void 0 : e.parentElement) ?? null;
+    for (; r && r !== i; ) {
+      if (n ? r.tagName === n : Le(r.tagName))
+        return r;
+      r = r.parentElement;
+    }
+    return null;
+  }, Pe = () => {
+    const e = ge(), n = Te((e == null ? void 0 : e.startContainer) ?? null);
+    return n && Le(n.tagName) || "paragraph";
+  }, H = () => {
+    Ie(Pe()), Fe({
+      bold: document.queryCommandState("bold"),
+      italic: document.queryCommandState("italic"),
+      underline: document.queryCommandState("underline"),
+      justifyLeft: document.queryCommandState("justifyLeft"),
+      justifyCenter: document.queryCommandState("justifyCenter"),
+      justifyRight: document.queryCommandState("justifyRight"),
+      insertUnorderedList: document.queryCommandState("insertUnorderedList")
+    });
+  }, F = () => {
+    var e;
+    l || (e = s.current) == null || e.focus();
+  }, Ue = (e, n) => {
+    l || (F(), document.execCommand(e, !1, n), I(), H());
+  }, je = (e) => {
+    var n;
+    if (!l) {
+      if (F(), document.execCommand("formatBlock", !1, Ce[e]), e !== "preformatted") {
+        const i = Te(((n = ge()) == null ? void 0 : n.startContainer) ?? null, "PRE");
+        if (i) {
+          const r = document.createElement(Ce[e].toLowerCase());
+          r.innerHTML = i.innerHTML, i.replaceWith(r);
+          const h = document.createRange();
+          h.selectNodeContents(r), h.collapse(!1);
+          const c = window.getSelection();
+          c == null || c.removeAllRanges(), c == null || c.addRange(h);
+        }
+      }
+      I(), H();
+    }
+  }, be = () => {
+    var r, h;
+    if (l) return;
+    F();
+    const e = window.getSelection();
+    let n = "", i = "";
+    if (e && e.rangeCount > 0) {
+      const c = e.getRangeAt(0);
+      y.current = c.cloneRange(), n = e.toString();
+      const _ = ((r = c.startContainer.parentElement) == null ? void 0 : r.closest("a")) ?? ((h = c.endContainer.parentElement) == null ? void 0 : h.closest("a"));
+      _ instanceof HTMLAnchorElement && (n = _.textContent ?? n, i = _.getAttribute("href") ?? "");
+    } else
+      y.current = null;
+    de(n), me(i), O(""), ce(!0);
+  }, V = () => {
+    if (S.current) {
+      S.current = !1;
+      return;
+    }
+    ce(!1), O(""), y.current = null;
+  }, ze = (e) => {
+    me(e), he && O("");
+  }, qe = (e) => {
+    const n = /^(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,}$/;
+    try {
+      const i = /^https?:\/\//i.test(e), r = new URL(i ? e : `https://${e}`);
+      return r.protocol !== "http:" && r.protocol !== "https:" ? !1 : n.test(r.hostname);
+    } catch {
+      return !1;
+    }
+  }, $e = (e) => /^https?:\/\//i.test(e) ? e : `https://${/^www\./i.test(e) ? e : `www.${e}`}`, We = () => {
+    const e = ue.trim();
+    if (!e) {
+      O("This field is required"), S.current = !0;
+      return;
+    }
+    if (!qe(e)) {
+      O("Invalid link"), S.current = !0;
+      return;
+    }
+    const n = $e(e), i = se.trim() || e, r = (_) => _.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), h = `<a href="${r(n)}" target="_blank" rel="noopener noreferrer">${r(i)}</a>`;
+    F();
+    const c = window.getSelection();
+    c && y.current && (c.removeAllRanges(), c.addRange(y.current)), document.execCommand("insertHTML", !1, h), I(), H(), V();
+  }, Ke = (e) => {
+    if (!e.ctrlKey && !e.metaKey) return;
+    const n = e.target, i = n == null ? void 0 : n.closest("a");
+    i instanceof HTMLAnchorElement && i.href && (e.preventDefault(), window.open(i.href, "_blank", "noopener,noreferrer"));
+  };
+  w(() => {
+    if (!s.current || document.activeElement === s.current) return;
+    const e = Vt(g || X()), n = Y(e);
+    fe(n), s.current.innerHTML !== e && (s.current.innerHTML = e);
+  }, [g]), w(() => {
+    s.current && (s.current.innerHTML.trim() || (s.current.innerHTML = ke(D)));
+  }, [D]), w(() => {
+    const e = s.current;
+    if (!e || !T) return;
+    const n = (i) => {
+      var _;
+      if (!i.inputType.startsWith("insert")) return;
+      const r = window.getSelection(), h = r && !r.isCollapsed ? r.toString().length : 0, c = i.data ? i.data.length : ((_ = i.dataTransfer) == null ? void 0 : _.getData("text").length) ?? 0;
+      _e.current - h + c > T && i.preventDefault();
+    };
+    return e.addEventListener("beforeinput", n), () => e.removeEventListener("beforeinput", n);
+  }, [T]), w(() => {
+    var n;
+    const e = (n = ne.current) == null ? void 0 : n.getBoundingClientRect().width;
+    e && Ae(e);
+  }, [A]), w(() => {
+    if (!$ || W) {
+      le(null);
+      return;
+    }
+    const e = oe.current;
+    if (!e) return;
+    const n = () => {
+      const r = e.getBoundingClientRect().width;
+      r > 0 && le(r);
+    };
+    n();
+    const i = new ResizeObserver(() => {
+      n();
+    });
+    return i.observe(e), window.addEventListener("resize", n), () => {
+      i.disconnect(), window.removeEventListener("resize", n);
+    };
+  }, [$, q, l, B, W]);
+  const M = (e) => /* @__PURE__ */ o(G, { content: e.tooltip, size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !B, children: /* @__PURE__ */ o("button", { type: "button", className: R(t.toolButton, e.active && t.toolButtonActive), onMouseDown: (n) => n.preventDefault(), onClick: () => Ue(e.command, e.value), "aria-label": e.tooltip, disabled: l, children: /* @__PURE__ */ o(z, { icon: e.icon, className: t.toolIcon }) }) }, e.id), Z = [{
+    id: "bold",
+    icon: "ap-icon-bold",
+    command: "bold",
+    tooltip: "Bold (CTRL + B)",
+    active: b.bold
+  }, {
+    id: "italic",
+    icon: "ap-icon-italic",
+    command: "italic",
+    tooltip: "Italic (CTRL + I)",
+    active: b.italic
+  }, {
+    id: "underline",
+    icon: "ap-icon-underline",
+    command: "underline",
+    tooltip: "Underline (CTRL + U)",
+    active: b.underline
+  }, {
+    id: "align-left",
+    icon: "ap-icon-align-left",
+    command: "justifyLeft",
+    tooltip: "Align left",
+    active: b.justifyLeft
+  }, {
+    id: "align-center",
+    icon: "ap-icon-align-center",
+    command: "justifyCenter",
+    tooltip: "Align center",
+    active: b.justifyCenter
+  }, {
+    id: "align-right",
+    icon: "ap-icon-align-right",
+    command: "justifyRight",
+    tooltip: "Align right",
+    active: b.justifyRight
+  }, {
+    id: "bulleted",
+    icon: "ap-icon-list",
+    command: "insertUnorderedList",
+    tooltip: "Bulleted list",
+    active: b.insertUnorderedList
+  }], P = Z.filter((e) => ["bold", "italic", "underline"].includes(e.id) && L(e.id)), U = Z.filter((e) => ["align-left", "align-center", "align-right"].includes(e.id) && L(e.id)), j = Z.filter((e) => ["bulleted"].includes(e.id) && L(e.id)), Re = L("link"), xe = L("format"), Ee = () => {
+    var e;
+    return /* @__PURE__ */ o("div", { className: t.formatControl, children: /* @__PURE__ */ d(Ze, { open: A, onOpenChange: ie, children: [
+      /* @__PURE__ */ d(Ge, { ref: ne, disabled: l, className: R(t.selectTrigger, A && t.selectTriggerOpen), children: [
+        /* @__PURE__ */ o("span", { className: t.selectTriggerLabel, children: ((e = Q.find((n) => n.value === pe)) == null ? void 0 : e.label) || "Paragraph" }),
+        /* @__PURE__ */ o("span", { className: t.selectIconBox, children: /* @__PURE__ */ o(z, { icon: A ? "ap-icon-expand-less" : "ap-icon-expand-more", className: t.selectIcon }) })
+      ] }),
+      /* @__PURE__ */ o(Ye, { children: /* @__PURE__ */ o(Xe, { align: "end", side: "bottom", sideOffset: 6, collisionPadding: 8, className: t.formatMenu, style: {
+        minWidth: Se || 180,
+        zIndex: 9999
+      }, onCloseAutoFocus: (n) => {
+        n.preventDefault();
+      }, children: /* @__PURE__ */ o("div", { className: t.formatMenuOptions, children: Q.map((n) => /* @__PURE__ */ o("button", { type: "button", className: R(t.formatMenuOption, Zt(n.value), n.value === pe && t.formatMenuOptionSelected), onMouseDown: (i) => i.preventDefault(), onClick: () => {
+        je(n.value), ie(!1);
+      }, children: n.label }, n.value)) }) }) })
+    ] }) });
+  };
+  return /* @__PURE__ */ d("div", { className: R(t.container, l && t.containerDisabled, W && t.containerFullWidth, a), children: [
+    m && /* @__PURE__ */ d("label", { className: t.label, htmlFor: te, children: [
+      m,
+      p && /* @__PURE__ */ o("span", { className: t.required, children: "*" })
+    ] }),
+    /* @__PURE__ */ d("div", { className: R(t.frame, Be && t.frameFocused, l && t.frameDisabled, f && t.frameError), style: {
+      width: ae ? `${ae}px` : void 0
+    }, children: [
+      $ && /* @__PURE__ */ o("div", { className: R(t.toolbar, q === "stacked" && t.toolbarStacked), children: /* @__PURE__ */ o("div", { ref: oe, className: t.toolbarContent, children: q === "stacked" ? /* @__PURE__ */ d("div", { className: t.toolbarPanel, children: [
+        /* @__PURE__ */ d("div", { className: t.toolbarRow, children: [
+          P.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: P.map(M) }),
+          U.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: U.map(M) })
+        ] }),
+        /* @__PURE__ */ d("div", { className: t.toolbarRow, children: [
+          j.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: j.map(M) }),
+          Re && /* @__PURE__ */ o("div", { className: t.toolbarLinkSlot, children: /* @__PURE__ */ o(G, { content: "Insert link", size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !B, children: /* @__PURE__ */ o("button", { type: "button", className: t.toolButton, onMouseDown: (e) => e.preventDefault(), onClick: be, "aria-label": "Insert link", disabled: l, children: /* @__PURE__ */ o(z, { icon: "ap-icon-link", className: t.toolIcon }) }) }) }),
+          xe && Ee()
+        ] })
+      ] }) : /* @__PURE__ */ o("div", { className: t.toolbarPanel, children: /* @__PURE__ */ d("div", { className: t.toolbarRow, children: [
+        P.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: P.map(M) }),
+        U.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: U.map(M) }),
+        j.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: j.map(M) }),
+        Re && /* @__PURE__ */ o("div", { className: t.toolbarLinkSlot, children: /* @__PURE__ */ o(G, { content: "Insert link", size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !B, children: /* @__PURE__ */ o("button", { type: "button", className: t.toolButton, onMouseDown: (e) => e.preventDefault(), onClick: be, "aria-label": "Insert link", disabled: l, children: /* @__PURE__ */ o(z, { icon: "ap-icon-link", className: t.toolIcon }) }) }) }),
+        xe && Ee()
+      ] }) }) }) }),
+      /* @__PURE__ */ d("div", { className: t.editorBody, style: {
+        minHeight: `${He * 20}px`,
+        resize: Ne && !l ? "vertical" : "none"
+      }, children: [
+        /* @__PURE__ */ o("div", { id: te, ref: s, className: t.editor, contentEditable: !l, suppressContentEditableWarning: !0, role: "textbox", "aria-multiline": "true", "aria-label": m || "Rich text editor", "data-placeholder": x, onInput: I, onFocus: () => re(!0), onBlur: () => re(!1), onKeyUp: H, onMouseUp: H, onClick: Ke }),
+        Oe && /* @__PURE__ */ o("div", { className: R(t.characterCount, T && N > T && t.characterCountExceeded), children: T ? `${N}/${T}` : N })
+      ] })
+    ] }),
+    (f || E || v) && /* @__PURE__ */ d("div", { className: t.helpers, children: [
+      f ? /* @__PURE__ */ o("span", { title: f, className: t.errorMessage, children: f }) : E && /* @__PURE__ */ o("span", { title: E, className: t.helperText, children: E }),
+      v && C && /* @__PURE__ */ o("a", { href: v, className: t.helpLink, target: "_blank", rel: "noopener noreferrer", children: C })
+    ] }),
+    /* @__PURE__ */ o(Ve, { isOpen: De, onClose: V, title: "Attach link", cancelButtonText: "Cancel", cancelButtonType: "primary", cancelButtonVariant: "cancel", confirmButtonText: "Attach", confirmButtonType: "primary", onCancel: V, onConfirm: We, description: /* @__PURE__ */ d("div", { className: t.linkDialogForm, children: [
+      /* @__PURE__ */ o(Me, { type: "text", label: "Displayed text", value: se, onChange: de, autofocus: !0 }),
+      /* @__PURE__ */ o(Me, { type: "text", label: "Link", value: ue, placeholder: "https://example.com/", required: !0, errorMessage: he || void 0, onChange: ze })
+    ] }) })
+  ] });
+}
+export {
+  rn as R,
+  t as s
+};

package/dist/assets/CorusHeader.css

@@ -1 +1 @@
-.CorusHeader-module__navbar-wrapper___1KxAb{background-color:#333;width:100%;height:56px;padding:8px 20px;box-sizing:border-box}.CorusHeader-module__navbar-container___E75C0{display:flex;align-items:center;justify-content:space-between;height:100%;margin-left:auto;margin-right:auto}.CorusHeader-module__navbar-logo-container___va-bi{display:flex;align-items:center;gap:12px}.CorusHeader-module__navbar-logo-link___c96t1{display:flex;align-items:center;cursor:pointer}.CorusHeader-module__navbar-project-name___TmX-b{font-size:18px;font-weight:500;color:#fff}.CorusHeader-module__navbar-module-name___GKW5y{font-size:18px;font-weight:500;color:#8dca7e}.CorusHeader-module__navbar-menu___t4hvB{display:flex;align-items:center;height:100%}.CorusHeader-module__navbar-menu-list___avqIc button{all:unset}.CorusHeader-module__navbar-menu-list___avqIc{display:flex;align-items:center;gap:16px;padding:0;margin:0;height:100%}.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr{cursor:pointer;text-decoration:none;color:#fff;line-height:1;height:100%;display:flex;align-items:center}.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr .CorusHeader-module__navbar-menu-list-item-trigger-container___nYo0n,.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr .CorusHeader-module__navbar-menu-list-item-action___Fd2Kz{display:flex;align-items:center;gap:4px;box-sizing:border-box;padding-top:16px;padding-bottom:16px;font-size:13px;font-weight:500;height:100%}.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr:hover .CorusHeader-module__navbar-menu-list-item-trigger-container___nYo0n,.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr:hover .CorusHeader-module__navbar-menu-list-item-action___Fd2Kz,.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr[data-state=open] .CorusHeader-module__navbar-menu-list-item-trigger-container___nYo0n,.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr[data-state=open] .CorusHeader-module__navbar-menu-list-item-action___Fd2Kz,.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr:hover .CorusHeader-module__navbar-menu-list-item-arrow___-peqY,.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr[data-state=open] .CorusHeader-module__navbar-menu-list-item-arrow___-peqY{color:#8dca7e}.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr[data-state=open] .CorusHeader-module__navbar-menu-list-item-arrow___-peqY{transform:rotate(180deg)}.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr a{text-decoration:none;color:#fff}.CorusHeader-module__navbar-menu-list-item-arrow___-peqY{color:#fff;font-size:16px;width:16px;height:16px;transition:transform .2s ease}.CorusHeader-module__navbar-menu-list-item-submenu___XdiI1{margin-top:6px;padding:2px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:fit-content;box-sizing:border-box;box-shadow:0 0 4px #00000029}.CorusHeader-module__navbar-menu-list-item-submenu-item___Y-PRo{width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;text-align:left;font-size:13px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;font-family:Roboto,sans-serif;min-height:24px;box-sizing:border-box}.CorusHeader-module__navbar-menu-list-item-submenu-item___Y-PRo:hover{background-color:#dff0db}.CorusHeader-module__navbar-menu-list-item-submenu-item___Y-PRo:focus{outline:none}.CorusHeader-module__navbar-menu-list-item-submenu-item___Y-PRo a{text-decoration:none;color:inherit;width:100%}.CorusHeader-module__navbar-action-button___Db8zx{margin-right:8px}.CorusHeader-module__navbar-menu-additional___00q5q{display:flex;align-items:center;gap:8px;margin-left:24px}.CorusHeader-module__navbar-menu-additional-trigger___HZmWR{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;height:47px;box-sizing:border-box}.CorusHeader-module__navbar-menu-additional-icon___4EDq9{width:24px;height:24px}.CorusHeader-module__navbar-settings-icon___TeGCJ{color:#fff;font-size:20px;width:20px;height:20px}.CorusHeader-module__navbar-profile-icon___I2WA2{color:#fff;width:17px;height:17px}.CorusHeader-module__navbar-menu-additional-trigger___HZmWR:hover .CorusHeader-module__navbar-settings-icon___TeGCJ,.CorusHeader-module__navbar-menu-additional-trigger___HZmWR[data-state=open] .CorusHeader-module__navbar-settings-icon___TeGCJ{color:#8dca7e}.CorusHeader-module__mega-menu-content___W-xjj{margin-top:-4px;background-color:#fff;border-radius:4px;box-shadow:0 4px 8px #00000029;display:flex;flex-direction:row;z-index:1000;box-sizing:border-box;padding:0 8px}.CorusHeader-module__mega-menu-column-wrapper___1ZgWq{display:flex;flex-direction:row;align-items:stretch}.CorusHeader-module__mega-menu-divider___6nYcz{width:1px;align-self:stretch;background-color:#dff0db;flex-shrink:0}.CorusHeader-module__mega-menu-column___yHh9s{display:flex;flex-direction:column;padding:24px;min-width:200px;width:200px;gap:0}.CorusHeader-module__mega-menu-items___hJQSC{display:flex;flex-direction:column;gap:8px;flex:1}.CorusHeader-module__mega-menu-heading___aPj3a{padding:8px 0;font-size:12px;font-weight:400;font-family:Roboto,sans-serif;color:#727272;text-transform:uppercase;letter-spacing:.5px;line-height:14px;white-space:nowrap}.CorusHeader-module__mega-menu-item___WxCN-{display:flex;flex-direction:column;padding:8px;border-radius:4px;cursor:pointer;text-decoration:none;color:inherit;transition:background-color .15s ease;box-sizing:border-box}.CorusHeader-module__mega-menu-item___WxCN-:hover{background-color:#dff0db}.CorusHeader-module__mega-menu-item___WxCN-:focus{outline:none;background-color:#dff0db}.CorusHeader-module__mega-menu-item-label___TyZiu{display:block;font-size:13px;font-weight:500;font-family:Roboto,sans-serif;color:#28292c;line-height:19px}.CorusHeader-module__mega-menu-item-description___e3-s2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;width:100%;font-size:12px;font-weight:400;font-family:Roboto,sans-serif;color:#727272;line-height:14px;margin-top:2px}.CorusHeader-module__dropdown-item-row___pBKtB{display:flex;align-items:flex-start;gap:4px;width:100%}.CorusHeader-module__dropdown-item-icon___cPSQk{flex-shrink:0;width:16px;height:16px;font-size:16px;color:#28292c;margin-top:1px}.CorusHeader-module__dropdown-item-content___z4wRj{display:flex;flex-direction:column;flex:1;min-width:0}.CorusHeader-module__mega-menu-footer___sBd8B{margin-top:32px}
+.CorusHeader-module__navbar-wrapper___1KxAb{background-color:#333;width:100%;height:56px;padding:8px 20px;box-sizing:border-box}.CorusHeader-module__navbar-container___E75C0{display:flex;align-items:center;justify-content:space-between;height:100%;margin-left:auto;margin-right:auto}.CorusHeader-module__navbar-logo-container___va-bi{display:flex;align-items:center;gap:12px}.CorusHeader-module__navbar-logo-link___c96t1{display:flex;align-items:center;cursor:pointer}.CorusHeader-module__navbar-project-name___TmX-b{font-size:18px;font-weight:500;color:#fff}.CorusHeader-module__navbar-module-name___GKW5y{font-size:18px;font-weight:500;color:#8dca7e}.CorusHeader-module__navbar-menu___t4hvB{display:flex;align-items:center;height:100%}.CorusHeader-module__navbar-menu-list___avqIc button{all:unset}.CorusHeader-module__navbar-menu-list___avqIc{display:flex;align-items:center;gap:16px;padding:0;margin:0;height:100%}.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr{cursor:pointer;text-decoration:none;color:#fff;line-height:1;height:100%;display:flex;align-items:center}.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr .CorusHeader-module__navbar-menu-list-item-trigger-container___nYo0n,.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr .CorusHeader-module__navbar-menu-list-item-action___Fd2Kz{display:flex;align-items:center;gap:4px;box-sizing:border-box;padding-top:16px;padding-bottom:16px;font-size:13px;font-weight:500;height:100%}.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr:hover .CorusHeader-module__navbar-menu-list-item-trigger-container___nYo0n,.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr:hover .CorusHeader-module__navbar-menu-list-item-action___Fd2Kz,.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr[data-state=open] .CorusHeader-module__navbar-menu-list-item-trigger-container___nYo0n,.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr[data-state=open] .CorusHeader-module__navbar-menu-list-item-action___Fd2Kz,.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr:hover .CorusHeader-module__navbar-menu-list-item-arrow___-peqY,.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr[data-state=open] .CorusHeader-module__navbar-menu-list-item-arrow___-peqY{color:#8dca7e}.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr[data-state=open] .CorusHeader-module__navbar-menu-list-item-arrow___-peqY{transform:rotate(180deg)}.CorusHeader-module__navbar-menu-list___avqIc .CorusHeader-module__navbar-menu-list-item___EvvFr a{text-decoration:none;color:#fff}.CorusHeader-module__navbar-menu-list-item-arrow___-peqY{color:#fff;font-size:16px!important;width:16px;height:16px;transition:transform .2s ease}.CorusHeader-module__navbar-menu-list-item-submenu___XdiI1{margin-top:6px;padding:2px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:fit-content;box-sizing:border-box;box-shadow:0 0 4px #00000029}.CorusHeader-module__navbar-menu-list-item-submenu-item___Y-PRo{width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;text-align:left;font-size:13px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;font-family:Roboto,sans-serif;min-height:24px;box-sizing:border-box}.CorusHeader-module__navbar-menu-list-item-submenu-item___Y-PRo:hover{background-color:#dff0db}.CorusHeader-module__navbar-menu-list-item-submenu-item___Y-PRo:focus{outline:none}.CorusHeader-module__navbar-menu-list-item-submenu-item___Y-PRo a{text-decoration:none;color:inherit;width:100%}.CorusHeader-module__navbar-action-button___Db8zx{margin-right:8px}.CorusHeader-module__navbar-menu-additional___00q5q{display:flex;align-items:center;gap:8px;margin-left:24px}.CorusHeader-module__navbar-menu-additional-trigger___HZmWR{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;height:47px;box-sizing:border-box}.CorusHeader-module__navbar-menu-additional-icon___4EDq9{width:24px;height:24px}.CorusHeader-module__navbar-settings-icon___TeGCJ{color:#fff;font-size:20px!important;width:20px;height:20px}.CorusHeader-module__navbar-profile-icon___I2WA2{color:#fff;width:17px;height:17px}.CorusHeader-module__navbar-menu-additional-trigger___HZmWR:hover .CorusHeader-module__navbar-settings-icon___TeGCJ,.CorusHeader-module__navbar-menu-additional-trigger___HZmWR[data-state=open] .CorusHeader-module__navbar-settings-icon___TeGCJ{color:#8dca7e}.CorusHeader-module__mega-menu-content___W-xjj{margin-top:-4px;background-color:#fff;border-radius:4px;box-shadow:0 4px 8px #00000029;display:flex;flex-direction:row;z-index:1000;box-sizing:border-box;padding:0 8px}.CorusHeader-module__mega-menu-column-wrapper___1ZgWq{display:flex;flex-direction:row;align-items:stretch}.CorusHeader-module__mega-menu-divider___6nYcz{width:1px;align-self:stretch;background-color:#dff0db;flex-shrink:0}.CorusHeader-module__mega-menu-column___yHh9s{display:flex;flex-direction:column;padding:24px;min-width:200px;width:200px;gap:0}.CorusHeader-module__mega-menu-items___hJQSC{display:flex;flex-direction:column;gap:8px;flex:1}.CorusHeader-module__mega-menu-heading___aPj3a{padding:8px 0;font-size:12px;font-weight:400;font-family:Roboto,sans-serif;color:#727272;text-transform:uppercase;letter-spacing:.5px;line-height:14px;white-space:nowrap}.CorusHeader-module__mega-menu-item___WxCN-{display:flex;flex-direction:column;padding:8px;border-radius:4px;cursor:pointer;text-decoration:none;color:inherit;transition:background-color .15s ease;box-sizing:border-box}.CorusHeader-module__mega-menu-item___WxCN-:hover{background-color:#dff0db}.CorusHeader-module__mega-menu-item___WxCN-:focus{outline:none;background-color:#dff0db}.CorusHeader-module__mega-menu-item___WxCN-[data-disabled]{cursor:not-allowed;pointer-events:none}.CorusHeader-module__mega-menu-item___WxCN-[data-disabled] .CorusHeader-module__mega-menu-item-label___TyZiu{color:#b0b0b0}.CorusHeader-module__mega-menu-item___WxCN-[data-disabled] .CorusHeader-module__mega-menu-item-description___e3-s2{color:#c8c8c8}.CorusHeader-module__mega-menu-item___WxCN-[data-disabled]:hover{background-color:transparent}.CorusHeader-module__mega-menu-item-label___TyZiu{display:block;font-size:13px;font-weight:500;font-family:Roboto,sans-serif;color:#28292c;line-height:19px}.CorusHeader-module__mega-menu-item-description___e3-s2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;width:100%;font-size:12px;font-weight:400;font-family:Roboto,sans-serif;color:#727272;line-height:14px;margin-top:2px}.CorusHeader-module__dropdown-item-row___pBKtB{display:flex;align-items:flex-start;gap:4px;width:100%}.CorusHeader-module__dropdown-item-icon___cPSQk{flex-shrink:0;width:16px;height:16px;font-size:16px;color:#28292c;margin-top:1px}.CorusHeader-module__dropdown-item-content___z4wRj{display:flex;flex-direction:column;flex:1;min-width:0}.CorusHeader-module__mega-menu-footer___sBd8B{margin-top:32px}.CorusHeader-module__mega-menu-footer___sBd8B button{width:100%!important}

package/dist/components/CorusHeader/CorusHeader.d.ts

@@ -1,3 +1,3 @@
 import { CorusHeaderProps } from './CorusHeader.types';
-export type { CorusHeaderNavItem, CorusHeaderNavGroup, CorusHeaderMenuItem, CorusHeaderDropdownItem, CorusHeaderProps, } from './CorusHeader.types';
-export default function CorusHeader({ projectName, projectLogoIcon, projectLogoOnClick, moduleName, menuItems, actionButton, additionalItems, className, maxWidth, ...props }: CorusHeaderProps): import("react/jsx-runtime").JSX.Element;
+export type { CorusHeaderNavItem, CorusHeaderNavGroup, CorusHeaderMenuItem, CorusHeaderDropdownItem, CorusHeaderFooterAction, CorusHeaderAdditionalItems, CorusHeaderMenuConfig, CorusHeaderProps, } from './CorusHeader.types';
+export default function CorusHeader({ projectName, projectLogoIcon, projectLogoOnClick, moduleName, menuConfig, className, maxWidth, ...props }: CorusHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/CorusHeader/CorusHeader.js

@@ -1,65 +1,66 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { useState as P, useRef as k } from "react";
-import { c as w } from "../../clsx-OuTLNxxd.js";
-import x from "../Logo/Logo.js";
-import g from "../Icon/Icon.js";
-import y from "../Button/Button.js";
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { useState as M, useRef as P } from "react";
+import { c as k } from "../../clsx-OuTLNxxd.js";
+import w from "../Logo/Logo.js";
+import u from "../Icon/Icon.js";
+import x from "../Button/Button.js";
 import { s as o } from "../../CorusHeader.module-xOp6ZX_M.js";
-import b from "./DropdownMenu.js";
-import D from "./MegaMenuContent.js";
-import R from "./UserProfileIcon.js";
-import { R as j, M as O, T } from "../../index-D_L0ncPJ.js";
-const z = {
+import p from "./DropdownMenu.js";
+import y from "./MegaMenuContent.js";
+import B from "./UserProfileIcon.js";
+import { R as D, M as R, T as j } from "../../index-D_L0ncPJ.js";
+const O = {
   type: "primary",
   size: "sm",
   icon: "ap-icon-person-add",
   iconPosition: "left"
 };
-function Q({
-  projectName: f,
-  projectLogoIcon: h = "ap-icon-logo-corus",
-  projectLogoOnClick: v,
+function J({
+  projectName: m,
+  projectLogoIcon: g = "ap-icon-logo-corus",
+  projectLogoOnClick: b,
   moduleName: i,
-  menuItems: s,
-  actionButton: a,
-  additionalItems: n,
-  className: t,
-  maxWidth: N,
-  ...m
+  menuConfig: f,
+  className: h,
+  maxWidth: v,
+  ...N
 }) {
-  const [c, p] = P(null), u = k(null), C = a || (n == null ? void 0 : n.settings) && n.settings.length > 0 || (n == null ? void 0 : n.userProfile);
-  return /* @__PURE__ */ r("div", { className: w(o["navbar-wrapper"], t), ...m, children: /* @__PURE__ */ l("div", { className: o["navbar-container"], style: {
-    maxWidth: N
+  const [s, l] = M(null), c = P(null), {
+    items: t,
+    additionalItems: n
+  } = f ?? {}, d = (n == null ? void 0 : n.actionButton) || (n == null ? void 0 : n.settings) && n.settings.length > 0 || (n == null ? void 0 : n.userProfile);
+  return /* @__PURE__ */ r("div", { className: k(o["navbar-wrapper"], h), ...N, children: /* @__PURE__ */ a("div", { className: o["navbar-container"], style: {
+    maxWidth: v
   }, children: [
-    /* @__PURE__ */ l("div", { className: o["navbar-logo-container"], children: [
-      /* @__PURE__ */ r("a", { onClick: v, className: o["navbar-logo-link"], children: /* @__PURE__ */ r(x, { logo: h, color: "lightGreen" }) }),
-      /* @__PURE__ */ r("span", { className: o["navbar-project-name"], children: f }),
+    /* @__PURE__ */ a("div", { className: o["navbar-logo-container"], children: [
+      /* @__PURE__ */ r("a", { onClick: b, className: o["navbar-logo-link"], children: /* @__PURE__ */ r(w, { logo: g, color: "lightGreen" }) }),
+      /* @__PURE__ */ r("span", { className: o["navbar-project-name"], children: m }),
       i && /* @__PURE__ */ r("span", { className: o["navbar-module-name"], children: i })
     ] }),
-    /* @__PURE__ */ l("div", { className: o["navbar-menu"], children: [
-      /* @__PURE__ */ r(j, { className: o["navbar-menu-list"], children: s == null ? void 0 : s.map((e) => /* @__PURE__ */ r("div", { children: /* @__PURE__ */ l(O, { open: c === e.label, onOpenChange: (M) => p(M ? e.label : null), children: [
-        /* @__PURE__ */ r(T, { "data-state": c === e.label ? "open" : "closed", onPointerDown: () => {
-          u.current = c === e.label ? e.label : null;
+    /* @__PURE__ */ a("div", { className: o["navbar-menu"], children: [
+      /* @__PURE__ */ r(D, { className: o["navbar-menu-list"], children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ r("div", { children: /* @__PURE__ */ a(R, { open: s === e.label, onOpenChange: (C) => l(C ? e.label : null), children: [
+        /* @__PURE__ */ r(j, { "data-state": s === e.label ? "open" : "closed", onPointerDown: () => {
+          c.current = s === e.label ? e.label : null;
         }, onClick: () => {
-          if (u.current === e.label) {
-            u.current = null;
+          if (c.current === e.label) {
+            c.current = null;
             return;
           }
-          e.groups && p(e.label);
-        }, className: o["navbar-menu-list-item"], children: e.groups ? /* @__PURE__ */ l("span", { className: o["navbar-menu-list-item-trigger-container"], children: [
+          e.groups && l(e.label);
+        }, className: o["navbar-menu-list-item"], children: e.groups ? /* @__PURE__ */ a("span", { className: o["navbar-menu-list-item-trigger-container"], children: [
           /* @__PURE__ */ r("span", { children: e.label }),
-          /* @__PURE__ */ r(g, { icon: "ap-icon-expand-more", className: o["navbar-menu-list-item-arrow"] })
+          /* @__PURE__ */ r(u, { icon: "ap-icon-expand-more", className: o["navbar-menu-list-item-arrow"] })
         ] }) : /* @__PURE__ */ r("a", { className: o["navbar-menu-list-item-action"], href: e.href, onClick: e.onClick, children: e.label }) }),
-        e.groups && /* @__PURE__ */ r(D, { groups: e.groups, onClose: () => p(null) })
+        e.groups && /* @__PURE__ */ r(y, { groups: e.groups, onClose: () => l(null) })
       ] }) }, e.label)) }),
-      C ? /* @__PURE__ */ l("div", { className: o["navbar-menu-additional"], children: [
-        a && /* @__PURE__ */ r("div", { className: o["navbar-action-button"], children: /* @__PURE__ */ r(y, { ...z, ...a }) }),
-        (n == null ? void 0 : n.settings) && n.settings.length > 0 && /* @__PURE__ */ r(b, { triggerContent: /* @__PURE__ */ r(g, { icon: "ap-icon-settings", className: o["navbar-settings-icon"] }), items: n.settings }),
-        (n == null ? void 0 : n.userProfile) && /* @__PURE__ */ r(b, { triggerContent: /* @__PURE__ */ r(R, { className: o["navbar-profile-icon"] }), items: n.userProfile.items })
+      d ? /* @__PURE__ */ a("div", { className: o["navbar-menu-additional"], children: [
+        (n == null ? void 0 : n.actionButton) && /* @__PURE__ */ r("div", { className: o["navbar-action-button"], children: /* @__PURE__ */ r(x, { ...O, ...n.actionButton }) }),
+        (n == null ? void 0 : n.settings) && n.settings.length > 0 && /* @__PURE__ */ r(p, { triggerContent: /* @__PURE__ */ r(u, { icon: "ap-icon-settings", className: o["navbar-settings-icon"] }), items: n.settings }),
+        (n == null ? void 0 : n.userProfile) && /* @__PURE__ */ r(p, { triggerContent: /* @__PURE__ */ r(B, { className: o["navbar-profile-icon"] }), items: n.userProfile.items })
       ] }) : null
     ] })
   ] }) });
 }
 export {
-  Q as default
+  J as default
 };

package/dist/components/CorusHeader/CorusHeader.types.d.ts

@@ -7,11 +7,18 @@ export type CorusHeaderNavItem = {
     description?: string;
     href?: string;
     onClick?: () => void;
+    disabled?: boolean;
+};
+export type CorusHeaderFooterAction = {
+    variant: 'add' | 'upload';
+    label: string;
+    onClick?: () => void;
+    disabled?: boolean;
 };
 export type CorusHeaderNavGroup = {
-    heading: string;
+    heading?: string;
     items: CorusHeaderNavItem[];
-    footerAction?: React.ReactNode;
+    footerAction?: CorusHeaderFooterAction;
 };
 export type CorusHeaderMenuItem = {
     label: string;
@@ -26,22 +33,26 @@ export type CorusHeaderDropdownItem = {
     href?: string;
     onClick?: () => void;
 };
+export type CorusHeaderAdditionalItems = {
+    actionButton?: Omit<ButtonProps, 'type'> & {
+        type?: ButtonProps['type'];
+    };
+    settings?: CorusHeaderDropdownItem[];
+    userProfile?: {
+        initials: string;
+        items: CorusHeaderDropdownItem[];
+    };
+};
+export type CorusHeaderMenuConfig = {
+    items?: CorusHeaderMenuItem[];
+    additionalItems?: CorusHeaderAdditionalItems;
+};
 export type CorusHeaderProps = {
     projectName: string;
     projectLogoIcon?: ApLogo;
     projectLogoOnClick?: () => void;
     moduleName?: string;
-    menuItems?: CorusHeaderMenuItem[];
-    actionButton?: Omit<ButtonProps, 'type'> & {
-        type?: ButtonProps['type'];
-    };
-    additionalItems?: {
-        settings?: CorusHeaderDropdownItem[];
-        userProfile?: {
-            initials: string;
-            items: CorusHeaderDropdownItem[];
-        };
-    };
+    menuConfig?: CorusHeaderMenuConfig;
     className?: string;
     maxWidth?: string;
 } & DataAttributes;

package/dist/components/CorusHeader/MegaMenuContent.js

@@ -1,24 +1,29 @@
-import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { s as e } from "../../CorusHeader.module-xOp6ZX_M.js";
-import { P as r, C as d, I as t } from "../../index-D_L0ncPJ.js";
-function g({
-  groups: l,
-  onClose: m
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
+import { s as i } from "../../CorusHeader.module-xOp6ZX_M.js";
+import o from "../Button/Button.js";
+import { P as m, C as t, I as r } from "../../index-D_L0ncPJ.js";
+const h = {
+  add: "ap-icon-add",
+  upload: "ap-icon-upload"
+};
+function b({
+  groups: d,
+  onClose: c
 }) {
-  return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a(d, { align: "end", className: e["mega-menu-content"], children: l.map((n, c) => /* @__PURE__ */ s("div", { className: e["mega-menu-column-wrapper"], children: [
-    c > 0 && /* @__PURE__ */ a("div", { className: e["mega-menu-divider"] }),
-    /* @__PURE__ */ s("div", { className: e["mega-menu-column"], children: [
-      /* @__PURE__ */ s("div", { className: e["mega-menu-items"], children: [
-        /* @__PURE__ */ a("div", { className: e["mega-menu-heading"], children: n.heading }),
-        n.items.map((i) => /* @__PURE__ */ a(t, { className: e["mega-menu-item"], asChild: !0, onSelect: m, children: /* @__PURE__ */ s("a", { href: i.href, onClick: i.onClick, children: [
-          /* @__PURE__ */ a("span", { className: e["mega-menu-item-label"], children: i.label }),
-          i.description && /* @__PURE__ */ a("span", { className: e["mega-menu-item-description"], children: i.description.length > 60 ? `${i.description.slice(0, 60)}…` : i.description })
-        ] }) }, i.label))
+  return /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n(t, { align: "end", className: i["mega-menu-content"], children: d.map((a, s) => /* @__PURE__ */ l("div", { className: i["mega-menu-column-wrapper"], children: [
+    s > 0 && /* @__PURE__ */ n("div", { className: i["mega-menu-divider"] }),
+    /* @__PURE__ */ l("div", { className: i["mega-menu-column"], children: [
+      /* @__PURE__ */ l("div", { className: i["mega-menu-items"], children: [
+        a.heading && /* @__PURE__ */ n("div", { className: i["mega-menu-heading"], children: a.heading }),
+        a.items.map((e) => /* @__PURE__ */ n(r, { className: i["mega-menu-item"], asChild: !0, disabled: e.disabled, onSelect: c, children: /* @__PURE__ */ l("a", { href: e.disabled ? void 0 : e.href, onClick: e.disabled ? void 0 : e.onClick, children: [
+          /* @__PURE__ */ n("span", { className: i["mega-menu-item-label"], children: e.label }),
+          e.description && /* @__PURE__ */ n("span", { className: i["mega-menu-item-description"], children: e.description.length > 60 ? `${e.description.slice(0, 60)}…` : e.description })
+        ] }) }, e.label))
       ] }),
-      n.footerAction && /* @__PURE__ */ a("div", { className: e["mega-menu-footer"], children: n.footerAction })
+      a.footerAction && /* @__PURE__ */ n("div", { className: i["mega-menu-footer"], children: /* @__PURE__ */ n(o, { type: "secondary", size: "sm", icon: h[a.footerAction.variant], iconPosition: "left", onClick: a.footerAction.onClick, disabled: a.footerAction.disabled, children: a.footerAction.label }) })
     ] })
-  ] }, n.heading)) }) });
+  ] }, a.heading ?? s)) }) });
 }
 export {
-  g as default
+  b as default
 };

package/dist/components/RichTextEditor/RichTextEditor.js

@@ -5,7 +5,7 @@ import "../Dialog/Dialog.js";
 import "../Icon/Icon.js";
 import "../Input/Input.js";
 import "../Tooltip/Tooltip.js";
-import { R as l } from "../../RichTextEditor-cvtLFe4t.js";
+import { R as l } from "../../RichTextEditor-kTQEDSL0.js";
 import "../../index-CCFDXH-J.js";
 export {
   l as default

package/dist/components/RichTextEditor/RichTextEditor.test.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { d, i as a, r, g as t, s as e, f as c, w as b, v as u } from "../../vi.bdSIJ99Y-017e_Pkz.js";
-import { s as i, R as n } from "../../RichTextEditor-cvtLFe4t.js";
+import { s as i, R as n } from "../../RichTextEditor-kTQEDSL0.js";
 d("RichTextEditor", () => {
   d("Rendering", () => {
     a("renders label and required marker", () => {

package/dist/main.js

@@ -12,7 +12,7 @@ import { default as B } from "./components/Dropdown/Dropdown.js";
 import { default as R, useFilePickerContext as v } from "./components/FilePicker/FilePicker.js";
 import { default as I } from "./components/Search/Search.js";
 import { default as S } from "./components/Datepicker/Datepicker.js";
-import { R as N } from "./RichTextEditor-cvtLFe4t.js";
+import { R as N } from "./RichTextEditor-kTQEDSL0.js";
 import { default as w } from "./components/Toast/Toast.js";
 import { T as E } from "./ToastProvider-D5LImZ-Q.js";
 import { u as L } from "./useToast-Cz5MGKnw.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alixpartners/ui-components",
-  "version": "2.5.5",
+  "version": "2.5.7",
   "type": "module",
   "files": [
     "dist"

package/dist/RichTextEditor-cvtLFe4t.js

@@ -1,443 +0,0 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { c as b } from "./clsx-OuTLNxxd.js";
-import { useMemo as Ee, useId as ze, useRef as M, useState as u, useEffect as H } from "react";
-import qe from "./components/Dialog/Dialog.js";
-import U from "./components/Icon/Icon.js";
-import ve from "./components/Input/Input.js";
-import G from "./components/Tooltip/Tooltip.js";
-import { R as $e, T as We, P as Ke, C as Ve } from "./index-CCFDXH-J.js";
-import './assets/RichTextEditor.css';const Je = "RichTextEditor-module__container___AplP0", Ze = "RichTextEditor-module__label___vjzs-", Ge = "RichTextEditor-module__required___7duke", Ye = "RichTextEditor-module__frame___7OSyf", Xe = "RichTextEditor-module__frameFocused___GtJ2x", Qe = "RichTextEditor-module__frameDisabled___LubtU", et = "RichTextEditor-module__frameError___sPTiY", tt = "RichTextEditor-module__errorMessage___4VdKj", nt = "RichTextEditor-module__helpers___cpuz6", ot = "RichTextEditor-module__helperText___rFoU0", rt = "RichTextEditor-module__helpLink___7gYcv", it = "RichTextEditor-module__containerDisabled___6h9dd", at = "RichTextEditor-module__containerFullWidth___pOoeL", lt = "RichTextEditor-module__toolbarContent___YXKHD", ct = "RichTextEditor-module__toolbarPanel___OVGHO", st = "RichTextEditor-module__toolbarRow___f0xJR", dt = "RichTextEditor-module__editorBody___f8jPI", ut = "RichTextEditor-module__toolbar___m9-M-", mt = "RichTextEditor-module__toolbarStacked___6rB10", ht = "RichTextEditor-module__actions___ZAK9J", ft = "RichTextEditor-module__toolButton___IT2Kg", _t = "RichTextEditor-module__toolButtonActive___-HvZQ", pt = "RichTextEditor-module__toolIcon___Wndhd", gt = "RichTextEditor-module__formatControl___w4WcA", Tt = "RichTextEditor-module__toolbarLinkSlot___Gu-9l", bt = "RichTextEditor-module__selectTrigger___frv3x", xt = "RichTextEditor-module__selectIconBox___SYdTE", Rt = "RichTextEditor-module__selectTriggerOpen___tk2Pb", Et = "RichTextEditor-module__selectTriggerLabel___FkEv0", vt = "RichTextEditor-module__selectIcon___aJWUk", kt = "RichTextEditor-module__formatMenu___y-uBL", Mt = "RichTextEditor-module__formatMenuOptions___zcdlo", yt = "RichTextEditor-module__formatMenuOption___3ppTs", Ct = "RichTextEditor-module__formatMenuOptionSelected___bq9J9", Lt = "RichTextEditor-module__formatMenuOptionParagraph___4BLds", Ot = "RichTextEditor-module__formatMenuOptionHeading1___H1cKX", Nt = "RichTextEditor-module__formatMenuOptionHeading2___JdixR", Ht = "RichTextEditor-module__formatMenuOptionHeading3___NcwLr", wt = "RichTextEditor-module__formatMenuOptionHeading4___4mLbG", Bt = "RichTextEditor-module__formatMenuOptionPreformatted___cB0Ix", St = "RichTextEditor-module__editor___M32R7", Dt = "RichTextEditor-module__characterCount___gmUzj", It = "RichTextEditor-module__characterCountExceeded___vjIpc", Ft = "RichTextEditor-module__linkDialogForm___vOLO1", t = {
-  container: Je,
-  label: Ze,
-  required: Ge,
-  frame: Ye,
-  frameFocused: Xe,
-  frameDisabled: Qe,
-  frameError: et,
-  errorMessage: tt,
-  helpers: nt,
-  helperText: ot,
-  helpLink: rt,
-  containerDisabled: it,
-  containerFullWidth: at,
-  toolbarContent: lt,
-  toolbarPanel: ct,
-  toolbarRow: st,
-  editorBody: dt,
-  toolbar: ut,
-  toolbarStacked: mt,
-  actions: ht,
-  toolButton: ft,
-  toolButtonActive: _t,
-  toolIcon: pt,
-  formatControl: gt,
-  toolbarLinkSlot: Tt,
-  selectTrigger: bt,
-  selectIconBox: xt,
-  selectTriggerOpen: Rt,
-  selectTriggerLabel: Et,
-  selectIcon: vt,
-  formatMenu: kt,
-  formatMenuOptions: Mt,
-  formatMenuOption: yt,
-  formatMenuOptionSelected: Ct,
-  formatMenuOptionParagraph: Lt,
-  formatMenuOptionHeading1: Ot,
-  formatMenuOptionHeading2: Nt,
-  formatMenuOptionHeading3: Ht,
-  formatMenuOptionHeading4: wt,
-  formatMenuOptionPreformatted: Bt,
-  editor: St,
-  characterCount: Dt,
-  characterCountExceeded: It,
-  linkDialogForm: Ft
-}, At = {
-  paragraph: "p",
-  heading1: "h1",
-  heading2: "h2",
-  heading3: "h3",
-  heading4: "h4",
-  preformatted: "pre",
-  "unordered-list": "ul",
-  "ordered-list": "ol"
-};
-function Me(r) {
-  return r.trim().length > 0 ? r : "<br>";
-}
-function Pt(r) {
-  switch (r.toLowerCase()) {
-    case "h1":
-      return "heading1";
-    case "h2":
-      return "heading2";
-    case "h3":
-      return "heading3";
-    case "h4":
-      return "heading4";
-    case "pre":
-      return "preformatted";
-    case "ul":
-      return "unordered-list";
-    case "ol":
-      return "ordered-list";
-    case "p":
-    default:
-      return "paragraph";
-  }
-}
-function Y(r) {
-  if (!r.trim())
-    return {
-      blocks: [{
-        type: "paragraph",
-        html: "<br>"
-      }]
-    };
-  const f = new DOMParser().parseFromString(r, "text/html"), p = Array.from(f.body.childNodes), x = [];
-  return p.forEach((a) => {
-    var E;
-    if (a.nodeType === Node.TEXT_NODE) {
-      const y = (E = a.textContent) == null ? void 0 : E.trim();
-      y && x.push({
-        type: "paragraph",
-        html: y
-      });
-      return;
-    }
-    if (a.nodeType !== Node.ELEMENT_NODE)
-      return;
-    const m = a, R = m.style.textAlign;
-    x.push({
-      type: Pt(m.tagName),
-      html: Me(m.innerHTML),
-      align: R || void 0
-    });
-  }), {
-    blocks: x.length > 0 ? x : [{
-      type: "paragraph",
-      html: "<br>"
-    }]
-  };
-}
-function ke(r) {
-  return r.blocks.length ? r.blocks.map((s) => {
-    const f = At[s.type], p = s.align ? ` style="text-align:${s.align}"` : "";
-    return `<${f}${p}>${Me(s.html)}</${f}>`;
-  }).join("") : "<p><br></p>";
-}
-function Ut(r) {
-  return r.blocks.map((f) => f.html.replace(/<[^>]+>/g, "")).join("").length;
-}
-const jt = ["bold", "italic", "underline", "align-left", "align-center", "align-right", "bulleted", "link", "format"], zt = [{
-  label: "Paragraph",
-  value: "paragraph"
-}, {
-  label: "Heading 1",
-  value: "heading1"
-}, {
-  label: "Heading 2",
-  value: "heading2"
-}, {
-  label: "Heading 3",
-  value: "heading3"
-}, {
-  label: "Heading 4",
-  value: "heading4"
-}, {
-  label: "Preformatted",
-  value: "preformatted"
-}], qt = {
-  paragraph: "P",
-  heading1: "H1",
-  heading2: "H2",
-  heading3: "H3",
-  heading4: "H4",
-  preformatted: "PRE",
-  "unordered-list": "UL",
-  "ordered-list": "OL"
-};
-function X() {
-  return "<p><br></p>";
-}
-function $t(r) {
-  return r.trim().length > 0 ? r : X();
-}
-function Wt() {
-  const r = document.queryCommandValue("formatBlock");
-  switch (String(r || "").replace(/[<>]/g, "").toUpperCase()) {
-    case "H1":
-      return "heading1";
-    case "H2":
-      return "heading2";
-    case "H3":
-      return "heading3";
-    case "H4":
-      return "heading4";
-    case "PRE":
-      return "preformatted";
-    default:
-      return "paragraph";
-  }
-}
-function Kt(r) {
-  switch (r) {
-    case "heading1":
-      return t.formatMenuOptionHeading1;
-    case "heading2":
-      return t.formatMenuOptionHeading2;
-    case "heading3":
-      return t.formatMenuOptionHeading3;
-    case "heading4":
-      return t.formatMenuOptionHeading4;
-    case "preformatted":
-      return t.formatMenuOptionPreformatted;
-    default:
-      return t.formatMenuOptionParagraph;
-  }
-}
-function tn({
-  className: r,
-  label: s,
-  required: f = !1,
-  value: p,
-  placeholder: x = "Content",
-  disabled: a = !1,
-  errorMessage: m,
-  helpText: R,
-  helpLink: E,
-  helpLinkText: y,
-  toolbarLayout: j = "inline",
-  showToolbar: z = !0,
-  showCharacterCount: ye = !0,
-  maxCharacters: g,
-  resizable: Ce = !0,
-  rows: Le = 8,
-  fullWidth: q = !1,
-  tooltipEnabled: w = !0,
-  formatOptions: Q = zt,
-  toolbarOptions: ee = jt,
-  onChange: $,
-  onModelChange: W
-}) {
-  const Oe = Ee(() => new Set(ee), [ee]), C = (e) => Oe.has(e), te = ze(), d = M(null), ne = M(null), oe = M(null), L = M(null), B = M(!1), [Ne, re] = u(!1), [S, ie] = u(!1), [He, we] = u(0), [ae, le] = u(null), [Be, ce] = u(!1), [se, de] = u(""), [ue, me] = u(""), [he, O] = u(""), [D, fe] = u(() => Y(p || X())), [_e, Se] = u("paragraph"), [T, De] = u({
-    bold: !1,
-    italic: !1,
-    underline: !1,
-    justifyLeft: !1,
-    justifyCenter: !1,
-    justifyRight: !1,
-    insertUnorderedList: !1
-  }), N = Ee(() => Ut(D), [D]), pe = M(N);
-  pe.current = N;
-  const K = () => {
-    if (!d.current) return;
-    const e = Y(d.current.innerHTML);
-    fe(e), W == null || W(e), $ == null || $(ke(e));
-  }, I = () => {
-    Se(Wt()), De({
-      bold: document.queryCommandState("bold"),
-      italic: document.queryCommandState("italic"),
-      underline: document.queryCommandState("underline"),
-      justifyLeft: document.queryCommandState("justifyLeft"),
-      justifyCenter: document.queryCommandState("justifyCenter"),
-      justifyRight: document.queryCommandState("justifyRight"),
-      insertUnorderedList: document.queryCommandState("insertUnorderedList")
-    });
-  }, V = () => {
-    var e;
-    a || (e = d.current) == null || e.focus();
-  }, ge = (e, n) => {
-    a || (V(), document.execCommand(e, !1, n), K(), I());
-  }, Ie = (e) => {
-    ge("formatBlock", qt[e]);
-  }, Te = () => {
-    var l, k;
-    if (a) return;
-    V();
-    const e = window.getSelection();
-    let n = "", i = "";
-    if (e && e.rangeCount > 0) {
-      const h = e.getRangeAt(0);
-      L.current = h.cloneRange(), n = e.toString();
-      const _ = ((l = h.startContainer.parentElement) == null ? void 0 : l.closest("a")) ?? ((k = h.endContainer.parentElement) == null ? void 0 : k.closest("a"));
-      _ instanceof HTMLAnchorElement && (n = _.textContent ?? n, i = _.getAttribute("href") ?? "");
-    } else
-      L.current = null;
-    de(n), me(i), O(""), ce(!0);
-  }, J = () => {
-    if (B.current) {
-      B.current = !1;
-      return;
-    }
-    ce(!1), O(""), L.current = null;
-  }, Fe = (e) => {
-    me(e), he && O("");
-  }, Ae = (e) => {
-    const n = /^(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,}$/;
-    try {
-      const i = /^https?:\/\//i.test(e), l = new URL(i ? e : `https://${e}`);
-      return l.protocol !== "http:" && l.protocol !== "https:" ? !1 : n.test(l.hostname);
-    } catch {
-      return !1;
-    }
-  }, Pe = (e) => /^https?:\/\//i.test(e) ? e : `https://${/^www\./i.test(e) ? e : `www.${e}`}`, Ue = () => {
-    const e = ue.trim();
-    if (!e) {
-      O("This field is required"), B.current = !0;
-      return;
-    }
-    if (!Ae(e)) {
-      O("Invalid link"), B.current = !0;
-      return;
-    }
-    const n = Pe(e), i = se.trim() || e, l = (_) => _.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), k = `<a href="${l(n)}" target="_blank" rel="noopener noreferrer">${l(i)}</a>`;
-    V();
-    const h = window.getSelection();
-    h && L.current && (h.removeAllRanges(), h.addRange(L.current)), document.execCommand("insertHTML", !1, k), K(), I(), J();
-  }, je = (e) => {
-    if (!e.ctrlKey && !e.metaKey) return;
-    const n = e.target, i = n == null ? void 0 : n.closest("a");
-    i instanceof HTMLAnchorElement && i.href && (e.preventDefault(), window.open(i.href, "_blank", "noopener,noreferrer"));
-  };
-  H(() => {
-    const e = $t(p || X()), n = Y(e);
-    fe(n), d.current && d.current.innerHTML !== e && (d.current.innerHTML = e);
-  }, [p]), H(() => {
-    d.current && (d.current.innerHTML.trim() || (d.current.innerHTML = ke(D)));
-  }, [D]), H(() => {
-    const e = d.current;
-    if (!e || !g) return;
-    const n = (i) => {
-      var _;
-      if (!i.inputType.startsWith("insert")) return;
-      const l = window.getSelection(), k = l && !l.isCollapsed ? l.toString().length : 0, h = i.data ? i.data.length : ((_ = i.dataTransfer) == null ? void 0 : _.getData("text").length) ?? 0;
-      pe.current - k + h > g && i.preventDefault();
-    };
-    return e.addEventListener("beforeinput", n), () => e.removeEventListener("beforeinput", n);
-  }, [g]), H(() => {
-    var n;
-    const e = (n = ne.current) == null ? void 0 : n.getBoundingClientRect().width;
-    e && we(e);
-  }, [S]), H(() => {
-    if (!z || q) {
-      le(null);
-      return;
-    }
-    const e = oe.current;
-    if (!e) return;
-    const n = () => {
-      const l = e.getBoundingClientRect().width;
-      l > 0 && le(l);
-    };
-    n();
-    const i = new ResizeObserver(() => {
-      n();
-    });
-    return i.observe(e), window.addEventListener("resize", n), () => {
-      i.disconnect(), window.removeEventListener("resize", n);
-    };
-  }, [z, j, a, w, q]);
-  const v = (e) => /* @__PURE__ */ o(G, { content: e.tooltip, size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !w, children: /* @__PURE__ */ o("button", { type: "button", className: b(t.toolButton, e.active && t.toolButtonActive), onMouseDown: (n) => n.preventDefault(), onClick: () => ge(e.command, e.value), "aria-label": e.tooltip, disabled: a, children: /* @__PURE__ */ o(U, { icon: e.icon, className: t.toolIcon }) }) }, e.id), Z = [{
-    id: "bold",
-    icon: "ap-icon-bold",
-    command: "bold",
-    tooltip: "Bold (CTRL + B)",
-    active: T.bold
-  }, {
-    id: "italic",
-    icon: "ap-icon-italic",
-    command: "italic",
-    tooltip: "Italic (CTRL + I)",
-    active: T.italic
-  }, {
-    id: "underline",
-    icon: "ap-icon-underline",
-    command: "underline",
-    tooltip: "Underline (CTRL + U)",
-    active: T.underline
-  }, {
-    id: "align-left",
-    icon: "ap-icon-align-left",
-    command: "justifyLeft",
-    tooltip: "Align left",
-    active: T.justifyLeft
-  }, {
-    id: "align-center",
-    icon: "ap-icon-align-center",
-    command: "justifyCenter",
-    tooltip: "Align center",
-    active: T.justifyCenter
-  }, {
-    id: "align-right",
-    icon: "ap-icon-align-right",
-    command: "justifyRight",
-    tooltip: "Align right",
-    active: T.justifyRight
-  }, {
-    id: "bulleted",
-    icon: "ap-icon-list",
-    command: "insertUnorderedList",
-    tooltip: "Bulleted list",
-    active: T.insertUnorderedList
-  }], F = Z.filter((e) => ["bold", "italic", "underline"].includes(e.id) && C(e.id)), A = Z.filter((e) => ["align-left", "align-center", "align-right"].includes(e.id) && C(e.id)), P = Z.filter((e) => ["bulleted"].includes(e.id) && C(e.id)), be = C("link"), xe = C("format"), Re = () => {
-    var e;
-    return /* @__PURE__ */ o("div", { className: t.formatControl, children: /* @__PURE__ */ c($e, { open: S, onOpenChange: ie, children: [
-      /* @__PURE__ */ c(We, { ref: ne, disabled: a, className: b(t.selectTrigger, S && t.selectTriggerOpen), children: [
-        /* @__PURE__ */ o("span", { className: t.selectTriggerLabel, children: ((e = Q.find((n) => n.value === _e)) == null ? void 0 : e.label) || "Paragraph" }),
-        /* @__PURE__ */ o("span", { className: t.selectIconBox, children: /* @__PURE__ */ o(U, { icon: S ? "ap-icon-expand-less" : "ap-icon-expand-more", className: t.selectIcon }) })
-      ] }),
-      /* @__PURE__ */ o(Ke, { children: /* @__PURE__ */ o(Ve, { align: "end", side: "bottom", sideOffset: 6, collisionPadding: 8, className: t.formatMenu, style: {
-        minWidth: He || 180,
-        zIndex: 9999
-      }, children: /* @__PURE__ */ o("div", { className: t.formatMenuOptions, children: Q.map((n) => /* @__PURE__ */ o("button", { type: "button", className: b(t.formatMenuOption, Kt(n.value), n.value === _e && t.formatMenuOptionSelected), onMouseDown: (i) => i.preventDefault(), onClick: () => {
-        Ie(n.value), ie(!1);
-      }, children: n.label }, n.value)) }) }) })
-    ] }) });
-  };
-  return /* @__PURE__ */ c("div", { className: b(t.container, a && t.containerDisabled, q && t.containerFullWidth, r), children: [
-    s && /* @__PURE__ */ c("label", { className: t.label, htmlFor: te, children: [
-      s,
-      f && /* @__PURE__ */ o("span", { className: t.required, children: "*" })
-    ] }),
-    /* @__PURE__ */ c("div", { className: b(t.frame, Ne && t.frameFocused, a && t.frameDisabled, m && t.frameError), style: {
-      width: ae ? `${ae}px` : void 0
-    }, children: [
-      z && /* @__PURE__ */ o("div", { className: b(t.toolbar, j === "stacked" && t.toolbarStacked), children: /* @__PURE__ */ o("div", { ref: oe, className: t.toolbarContent, children: j === "stacked" ? /* @__PURE__ */ c("div", { className: t.toolbarPanel, children: [
-        /* @__PURE__ */ c("div", { className: t.toolbarRow, children: [
-          F.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: F.map(v) }),
-          A.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: A.map(v) })
-        ] }),
-        /* @__PURE__ */ c("div", { className: t.toolbarRow, children: [
-          P.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: P.map(v) }),
-          be && /* @__PURE__ */ o("div", { className: t.toolbarLinkSlot, children: /* @__PURE__ */ o(G, { content: "Insert link", size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !w, children: /* @__PURE__ */ o("button", { type: "button", className: t.toolButton, onMouseDown: (e) => e.preventDefault(), onClick: Te, "aria-label": "Insert link", disabled: a, children: /* @__PURE__ */ o(U, { icon: "ap-icon-link", className: t.toolIcon }) }) }) }),
-          xe && Re()
-        ] })
-      ] }) : /* @__PURE__ */ o("div", { className: t.toolbarPanel, children: /* @__PURE__ */ c("div", { className: t.toolbarRow, children: [
-        F.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: F.map(v) }),
-        A.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: A.map(v) }),
-        P.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: P.map(v) }),
-        be && /* @__PURE__ */ o("div", { className: t.toolbarLinkSlot, children: /* @__PURE__ */ o(G, { content: "Insert link", size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !w, children: /* @__PURE__ */ o("button", { type: "button", className: t.toolButton, onMouseDown: (e) => e.preventDefault(), onClick: Te, "aria-label": "Insert link", disabled: a, children: /* @__PURE__ */ o(U, { icon: "ap-icon-link", className: t.toolIcon }) }) }) }),
-        xe && Re()
-      ] }) }) }) }),
-      /* @__PURE__ */ c("div", { className: t.editorBody, style: {
-        minHeight: `${Le * 20}px`,
-        resize: Ce && !a ? "vertical" : "none"
-      }, children: [
-        /* @__PURE__ */ o("div", { id: te, ref: d, className: t.editor, contentEditable: !a, suppressContentEditableWarning: !0, role: "textbox", "aria-multiline": "true", "aria-label": s || "Rich text editor", "data-placeholder": x, onInput: K, onFocus: () => re(!0), onBlur: () => re(!1), onKeyUp: I, onMouseUp: I, onClick: je }),
-        ye && /* @__PURE__ */ o("div", { className: b(t.characterCount, g && N > g && t.characterCountExceeded), children: g ? `${N}/${g}` : N })
-      ] })
-    ] }),
-    (m || R || E) && /* @__PURE__ */ c("div", { className: t.helpers, children: [
-      m ? /* @__PURE__ */ o("span", { title: m, className: t.errorMessage, children: m }) : R && /* @__PURE__ */ o("span", { title: R, className: t.helperText, children: R }),
-      E && y && /* @__PURE__ */ o("a", { href: E, className: t.helpLink, target: "_blank", rel: "noopener noreferrer", children: y })
-    ] }),
-    /* @__PURE__ */ o(qe, { isOpen: Be, onClose: J, title: "Attach link", cancelButtonText: "Cancel", cancelButtonType: "primary", cancelButtonVariant: "cancel", confirmButtonText: "Attach", confirmButtonType: "primary", onCancel: J, onConfirm: Ue, description: /* @__PURE__ */ c("div", { className: t.linkDialogForm, children: [
-      /* @__PURE__ */ o(ve, { type: "text", label: "Displayed text", value: se, onChange: de, autofocus: !0 }),
-      /* @__PURE__ */ o(ve, { type: "text", label: "Link", value: ue, placeholder: "https://example.com/", required: !0, errorMessage: he || void 0, onChange: Fe })
-    ] }) })
-  ] });
-}
-export {
-  tn as R,
-  t as s
-};