@forgedevstack/ink 1.1.9 → 1.2.0

package/dist/components/InkEditor/components/TableSizePicker/TableSizePicker.js

@@ -1,5 +1,5 @@
-import { jsxs as a, jsx as E } from "react/jsx-runtime";
-import { useState as l, useRef as L, useEffect as B } from "react";
+import { jsxs as l, jsx as E } from "react/jsx-runtime";
+import { useState as m, useRef as a, useEffect as B } from "react";
 import { createPortal as O } from "react-dom";
 import { INK_TABLE_PICKER_MAX as n, NUMBER_ONE as A } from "../../../../constants/numbers.js";
 import { INK_TABLE_INSERT_TITLE as C, SPACE_STRING as $ } from "../../../../constants/generals.const.js";
@@ -8,50 +8,51 @@ import { KEY_ESCAPE as b } from "../../../../constants/keyboard.const.js";
 import { INK_CLASS_TABLE_PICKER as g, INK_CLASS_STYLE_MENU as h, INK_CLASS_STYLE_MENU_PORTAL as k, INK_CLASS_STYLE_MENU_FORCED as D, INK_CLASS_TABLE_PICKER_GRID as Y, INK_CLASS_TABLE_PICKER_CELL as U, INK_CLASS_TABLE_PICKER_CELL_ON as x, INK_CLASS_TABLE_PICKER_LABEL as z } from "../../../../constants/defaults.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
+import "../../../../utils/exportDocument.utils.js";
 import { getToolbarDropdownMenuPosition as G } from "../ToolbarDropdown/ToolbarDropdown.utils.js";
 import { ToolbarButton as H } from "../ToolbarButton/ToolbarButton.js";
-import { TABLE_PICKER_INITIAL_HOVER as N, TABLE_PICKER_EMPTY_POSITION as j, TABLE_PICKER_TIMES_MARK as w } from "./TableSizePicker.const.js";
-const so = (v) => {
-  const { icon: K, disabled: d = !1, onSelect: R } = v, [c, s] = l(!1), [i, m] = l(N), [f, P] = l(j), u = L(null), I = L(null), S = L(null);
+import { TABLE_PICKER_INITIAL_HOVER as N, TABLE_PICKER_EMPTY_POSITION as j, TABLE_PICKER_TIMES_MARK as K } from "./TableSizePicker.const.js";
+const ie = (R) => {
+  const { icon: v, disabled: L = !1, onSelect: w } = R, [c, s] = m(!1), [i, d] = m(N), [f, P] = m(j), u = a(null), I = a(null), p = a(null);
   B(() => {
     if (!c) return;
-    const o = () => {
-      const e = G(I.current);
-      P({ top: e.top, left: e.left });
+    const e = () => {
+      const o = G(I.current);
+      P({ top: o.top, left: o.left });
     };
-    o();
-    const t = (e) => {
-      var p, T;
-      const _ = e.target;
-      (p = u.current) != null && p.contains(_) || (T = S.current) != null && T.contains(_) || s(!1);
-    }, r = (e) => {
-      e.key === b && s(!1);
+    e();
+    const t = (o) => {
+      var S, T;
+      const _ = o.target;
+      (S = u.current) != null && S.contains(_) || (T = p.current) != null && T.contains(_) || s(!1);
+    }, r = (o) => {
+      o.key === b && s(!1);
     };
-    return document.addEventListener("mousedown", t), document.addEventListener("keydown", r), window.addEventListener("resize", o), window.addEventListener("scroll", o, !0), () => {
-      document.removeEventListener("mousedown", t), document.removeEventListener("keydown", r), window.removeEventListener("resize", o), window.removeEventListener("scroll", o, !0);
+    return document.addEventListener("mousedown", t), document.addEventListener("keydown", r), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+      document.removeEventListener("mousedown", t), document.removeEventListener("keydown", r), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
     };
   }, [c]);
-  const M = Array.from({ length: n * n }, (o, t) => {
-    const r = Math.floor(t / n) + A, e = t % n + A, _ = r <= i.rows && e <= i.cols;
-    return { rows: r, cols: e, isOn: _, key: `${r}-${e}` };
+  const M = Array.from({ length: n * n }, (e, t) => {
+    const r = Math.floor(t / n) + A, o = t % n + A, _ = r <= i.rows && o <= i.cols;
+    return { rows: r, cols: o, isOn: _, key: `${r}-${o}` };
   });
-  return /* @__PURE__ */ a("div", { className: g, ref: u, children: [
+  return /* @__PURE__ */ l("div", { className: g, ref: u, children: [
     /* @__PURE__ */ E("div", { ref: I, children: /* @__PURE__ */ E(
       H,
       {
-        icon: K,
+        icon: v,
         title: C,
-        disabled: d,
+        disabled: L,
         onClick: () => {
-          d || (m(N), s((o) => !o));
+          L || (d(N), s((e) => !e));
         }
       }
     ) }),
-    c && O(
-      /* @__PURE__ */ a(
+    c ? O(
+      /* @__PURE__ */ l(
         "div",
         {
-          ref: S,
+          ref: p,
           className: `${h} ${k} ${D}`,
           "data-color-mode": y,
           role: "grid",
@@ -63,34 +64,33 @@ const so = (v) => {
               {
                 className: Y,
                 style: { gridTemplateColumns: `repeat(${n}, 1fr)` },
-                children: M.map((o) => /* @__PURE__ */ E(
+                children: M.map((e) => /* @__PURE__ */ E(
                   "button",
                   {
                     type: "button",
-                    className: `${U}${o.isOn ? `${$}${x}` : ""}`,
-                    "aria-label": `${o.rows}${w}${o.cols}`,
-                    onMouseEnter: () => m({ rows: o.rows, cols: o.cols }),
-                    onMouseMove: () => m({ rows: o.rows, cols: o.cols }),
+                    className: `${U}${e.isOn ? `${$}${x}` : ""}`,
+                    "aria-label": `${e.rows}${K}${e.cols}`,
+                    onMouseEnter: () => d({ rows: e.rows, cols: e.cols }),
                     onMouseDown: (t) => {
-                      t.preventDefault(), R(o.rows, o.cols), s(!1);
+                      t.preventDefault(), w(e.rows, e.cols), s(!1);
                     }
                   },
-                  o.key
+                  e.key
                 ))
               }
             ),
-            /* @__PURE__ */ a("div", { className: z, children: [
+            /* @__PURE__ */ l("div", { className: z, children: [
               i.rows,
-              w,
+              K,
               i.cols
             ] })
           ]
         }
       ),
       document.body
-    )
+    ) : null
   ] });
 };
 export {
-  so as TableSizePicker
+  ie as TableSizePicker
 };

package/dist/components/InkEditor/components/ThemePicker/ThemePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),S=require("react-dom"),c=require("../../../../constants/generals.const.cjs"),b=require("../../../../constants/colorMode.const.cjs"),n=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("react");const m=require("../../../../plugins/theme/theme.const.cjs");require("../../../../plugins/host/inkPlugins.cjs");const L=require("../ToolbarButton/ToolbarButton.cjs"),N=require("./hooks/useThemePickerMenu.cjs"),I=u=>{const{icon:a,disabled:i=!1,hint:_,onHint:d,pluginColor:T,value:E,onChange:s}=u,{open:f,setOpen:r,menuPosition:l,rootRef:p,triggerRef:q,menuRef:M}=N.useThemePickerMenu();return o.jsxs("div",{ref:p,children:[o.jsx("div",{ref:q,children:o.jsx(L.ToolbarButton,{icon:a,title:c.INK_THEME_TITLE,hint:_,onHint:d,pluginColor:T,disabled:i,onClick:()=>{i||r(e=>!e)}})}),f&&S.createPortal(o.jsx("div",{ref:M,className:`${n.INK_CLASS_STYLE_MENU} ${n.INK_CLASS_STYLE_MENU_PORTAL} ${n.INK_CLASS_STYLE_MENU_FORCED}`,"data-color-mode":b.COLOR_MODE_LIGHT,role:"listbox","aria-label":c.INK_THEME_TITLE,style:{top:l.top,left:l.left},children:m.INK_THEMES.map(e=>o.jsx("button",{type:"button",role:"option","aria-selected":e.id===E,className:"Ink-Editor__style-option",onMouseDown:t=>{t.preventDefault(),s(e.id),r(!1)},onClick:t=>{t.preventDefault(),s(e.id),r(!1)},children:e.label},e.id))}),document.body)]})};exports.ThemePicker=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),y=require("react-dom"),L=require("../../../../constants/numbers.cjs"),T=require("../../../../constants/generals.const.cjs"),g=require("../../../../constants/colorMode.const.cjs"),I=require("../../../../constants/keyboard.const.cjs"),u=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");const P=require("../../../../plugins/theme/theme.const.cjs");require("../../../../plugins/host/inkPlugins.cjs");const C=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),O=require("../ToolbarButton/ToolbarButton.cjs"),k=p=>{const{icon:b,disabled:c=!1,hint:q,onHint:w,pluginColor:S,value:M,onChange:R}=p,[i,r]=o.useState(!1),[l,N]=o.useState({top:L.NUMBER_ZERO,left:L.NUMBER_ZERO}),a=o.useRef(null),d=o.useRef(null),E=o.useRef(null);return o.useEffect(()=>{if(!i)return;const e=()=>{const t=C.getToolbarDropdownMenuPosition(d.current);N({top:t.top,left:t.left})};e();const s=t=>{var m,v;const f=t.target;(m=a.current)!=null&&m.contains(f)||(v=E.current)!=null&&v.contains(f)||r(!1)},_=t=>{t.key===I.KEY_ESCAPE&&r(!1)};return document.addEventListener("mousedown",s),document.addEventListener("keydown",_),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{document.removeEventListener("mousedown",s),document.removeEventListener("keydown",_),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[i]),n.jsxs("div",{ref:a,children:[n.jsx("div",{ref:d,children:n.jsx(O.ToolbarButton,{icon:b,title:T.INK_THEME_TITLE,hint:q,onHint:w,pluginColor:S,disabled:c,onClick:()=>{c||r(e=>!e)}})}),i?y.createPortal(n.jsx("div",{ref:E,className:`${u.INK_CLASS_STYLE_MENU} ${u.INK_CLASS_STYLE_MENU_PORTAL} ${u.INK_CLASS_STYLE_MENU_FORCED}`,"data-color-mode":g.COLOR_MODE_LIGHT,role:"listbox","aria-label":T.INK_THEME_TITLE,style:{top:l.top,left:l.left},children:P.INK_THEMES.map(e=>n.jsx("button",{type:"button",role:"option","aria-selected":e.id===M,className:"Ink-Editor__style-option",onMouseDown:s=>{s.preventDefault(),R(e.id),r(!1)},children:e.label},e.id))}),document.body):null]})};exports.ThemePicker=k;

package/dist/components/InkEditor/components/ThemePicker/ThemePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ThemePicker/ThemePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAYhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAwD5C,CAAC"}
+{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ThemePicker/ThemePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAc7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAmF5C,CAAC"}

package/dist/components/InkEditor/components/ThemePicker/ThemePicker.js

@@ -1,65 +1,82 @@
-import { jsxs as L, jsx as e } from "react/jsx-runtime";
-import { createPortal as N } from "react-dom";
-import { INK_THEME_TITLE as m } from "../../../../constants/generals.const.js";
-import { COLOR_MODE_LIGHT as S } from "../../../../constants/colorMode.const.js";
-import { INK_CLASS_STYLE_MENU as C, INK_CLASS_STYLE_MENU_PORTAL as b, INK_CLASS_STYLE_MENU_FORCED as I } from "../../../../constants/defaults.const.js";
+import { jsxs as y, jsx as r } from "react/jsx-runtime";
+import { useState as _, useRef as s, useEffect as I } from "react";
+import { createPortal as P } from "react-dom";
+import { NUMBER_ZERO as v } from "../../../../constants/numbers.js";
+import { INK_THEME_TITLE as L } from "../../../../constants/generals.const.js";
+import { COLOR_MODE_LIGHT as g } from "../../../../constants/colorMode.const.js";
+import { KEY_ESCAPE as K } from "../../../../constants/keyboard.const.js";
+import { INK_CLASS_STYLE_MENU as O, INK_CLASS_STYLE_MENU_PORTAL as k, INK_CLASS_STYLE_MENU_FORCED as x } from "../../../../constants/defaults.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
-import "react";
-import { INK_THEMES as M } from "../../../../plugins/theme/theme.const.js";
+import "../../../../utils/exportDocument.utils.js";
+import { INK_THEMES as A } from "../../../../plugins/theme/theme.const.js";
 import "../../../../plugins/host/inkPlugins.js";
-import { ToolbarButton as v } from "../ToolbarButton/ToolbarButton.js";
-import { useThemePickerMenu as O } from "./hooks/useThemePickerMenu.js";
-const Y = (a) => {
-  const { icon: p, disabled: i = !1, hint: f, onHint: s, pluginColor: d, value: c, onChange: n } = a, { open: _, setOpen: r, menuPosition: l, rootRef: u, triggerRef: E, menuRef: T } = O();
-  return /* @__PURE__ */ L("div", { ref: u, children: [
-    /* @__PURE__ */ e("div", { ref: E, children: /* @__PURE__ */ e(
-      v,
+import { getToolbarDropdownMenuPosition as D } from "../ToolbarDropdown/ToolbarDropdown.utils.js";
+import { ToolbarButton as h } from "../ToolbarButton/ToolbarButton.js";
+const X = (w) => {
+  const { icon: S, disabled: l = !1, hint: T, onHint: N, pluginColor: M, value: b, onChange: C } = w, [i, t] = _(!1), [m, R] = _({ top: v, left: v }), d = s(null), c = s(null), a = s(null);
+  return I(() => {
+    if (!i) return;
+    const e = () => {
+      const o = D(c.current);
+      R({ top: o.top, left: o.left });
+    };
+    e();
+    const n = (o) => {
+      var p, E;
+      const u = o.target;
+      (p = d.current) != null && p.contains(u) || (E = a.current) != null && E.contains(u) || t(!1);
+    }, f = (o) => {
+      o.key === K && t(!1);
+    };
+    return document.addEventListener("mousedown", n), document.addEventListener("keydown", f), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+      document.removeEventListener("mousedown", n), document.removeEventListener("keydown", f), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    };
+  }, [i]), /* @__PURE__ */ y("div", { ref: d, children: [
+    /* @__PURE__ */ r("div", { ref: c, children: /* @__PURE__ */ r(
+      h,
       {
-        icon: p,
-        title: m,
-        hint: f,
-        onHint: s,
-        pluginColor: d,
-        disabled: i,
+        icon: S,
+        title: L,
+        hint: T,
+        onHint: N,
+        pluginColor: M,
+        disabled: l,
         onClick: () => {
-          i || r((o) => !o);
+          l || t((e) => !e);
         }
       }
     ) }),
-    _ && N(
-      /* @__PURE__ */ e(
+    i ? P(
+      /* @__PURE__ */ r(
         "div",
         {
-          ref: T,
-          className: `${C} ${b} ${I}`,
-          "data-color-mode": S,
+          ref: a,
+          className: `${O} ${k} ${x}`,
+          "data-color-mode": g,
           role: "listbox",
-          "aria-label": m,
-          style: { top: l.top, left: l.left },
-          children: M.map((o) => /* @__PURE__ */ e(
+          "aria-label": L,
+          style: { top: m.top, left: m.left },
+          children: A.map((e) => /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               role: "option",
-              "aria-selected": o.id === c,
+              "aria-selected": e.id === b,
               className: "Ink-Editor__style-option",
-              onMouseDown: (t) => {
-                t.preventDefault(), n(o.id), r(!1);
+              onMouseDown: (n) => {
+                n.preventDefault(), C(e.id), t(!1);
               },
-              onClick: (t) => {
-                t.preventDefault(), n(o.id), r(!1);
-              },
-              children: o.label
+              children: e.label
             },
-            o.id
+            e.id
           ))
         }
       ),
       document.body
-    )
+    ) : null
   ] });
 };
 export {
-  Y as ThemePicker
+  X as ThemePicker
 };

package/dist/components/InkEditor/components/TitleGallery/TitleGallery.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),q=require("react-dom"),f=require("../../../../constants/numbers.cjs"),m=require("../../../../constants/generals.const.cjs"),K=require("../../../../constants/colorMode.const.cjs"),A=require("../../../../constants/keyboard.const.cjs"),t=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const I=require("../../../../plugins/titles/titles.const.cjs"),M=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),x=require("../ToolbarButton/ToolbarButton.cjs"),g=N=>{const{icon:v,disabled:c=!1,hint:R,onHint:p,pluginColor:b,onSelect:w}=N,[l,s]=r.useState(!1),[u,C]=r.useState({top:f.NUMBER_ZERO,left:f.NUMBER_ZERO}),a=r.useRef(null),_=r.useRef(null),d=r.useRef(null);return r.useEffect(()=>{if(!l)return;const e=()=>{const o=M.getToolbarDropdownMenuPosition(_.current);C({top:o.top,left:o.left})};e();const i=o=>{var T,S;const L=o.target;(T=a.current)!=null&&T.contains(L)||(S=d.current)!=null&&S.contains(L)||s(!1)},E=o=>{o.key===A.KEY_ESCAPE&&s(!1)};return document.addEventListener("mousedown",i),document.addEventListener("keydown",E),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{document.removeEventListener("mousedown",i),document.removeEventListener("keydown",E),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[l]),n.jsxs("div",{className:t.INK_CLASS_TITLE_GALLERY,ref:a,children:[n.jsx("div",{ref:_,children:n.jsx(x.ToolbarButton,{icon:v,title:m.INK_TITLES_TITLE,hint:R,onHint:p,pluginColor:b,disabled:c,onClick:()=>{c||s(e=>!e)}})}),l?q.createPortal(n.jsx("div",{ref:d,className:`${t.INK_CLASS_STYLE_MENU} ${t.INK_CLASS_STYLE_MENU_PORTAL} ${t.INK_CLASS_STYLE_MENU_FORCED}`,"data-color-mode":K.COLOR_MODE_LIGHT,role:"listbox","aria-label":m.INK_TITLES_TITLE,style:{top:u.top,left:u.left},children:n.jsx("div",{className:t.INK_CLASS_TITLE_GRID,children:I.TITLE_STYLE_IDS.map(e=>n.jsx("button",{type:"button",className:t.INK_CLASS_TITLE_CELL,"aria-label":e,onMouseDown:i=>{i.preventDefault(),w(e),s(!1)},children:n.jsx("span",{className:`${t.INK_CLASS_TITLE} ${t.INK_CLASS_TITLE}--${e}`,children:I.TITLE_PREVIEW_TEXT})},e))})}),document.body):null]})};exports.TitleGallery=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),C=require("react-dom"),f=require("../../../../constants/numbers.cjs"),m=require("../../../../constants/generals.const.cjs"),K=require("../../../../constants/colorMode.const.cjs"),A=require("../../../../constants/keyboard.const.cjs"),t=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");const I=require("../../../../plugins/titles/titles.const.cjs"),M=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),x=require("../ToolbarButton/ToolbarButton.cjs"),g=N=>{const{icon:v,disabled:c=!1,hint:R,onHint:p,pluginColor:b,onSelect:w}=N,[l,s]=r.useState(!1),[u,q]=r.useState({top:f.NUMBER_ZERO,left:f.NUMBER_ZERO}),a=r.useRef(null),_=r.useRef(null),d=r.useRef(null);return r.useEffect(()=>{if(!l)return;const e=()=>{const o=M.getToolbarDropdownMenuPosition(_.current);q({top:o.top,left:o.left})};e();const i=o=>{var T,S;const L=o.target;(T=a.current)!=null&&T.contains(L)||(S=d.current)!=null&&S.contains(L)||s(!1)},E=o=>{o.key===A.KEY_ESCAPE&&s(!1)};return document.addEventListener("mousedown",i),document.addEventListener("keydown",E),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{document.removeEventListener("mousedown",i),document.removeEventListener("keydown",E),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[l]),n.jsxs("div",{className:t.INK_CLASS_TITLE_GALLERY,ref:a,children:[n.jsx("div",{ref:_,children:n.jsx(x.ToolbarButton,{icon:v,title:m.INK_TITLES_TITLE,hint:R,onHint:p,pluginColor:b,disabled:c,onClick:()=>{c||s(e=>!e)}})}),l?C.createPortal(n.jsx("div",{ref:d,className:`${t.INK_CLASS_STYLE_MENU} ${t.INK_CLASS_STYLE_MENU_PORTAL} ${t.INK_CLASS_STYLE_MENU_FORCED}`,"data-color-mode":K.COLOR_MODE_LIGHT,role:"listbox","aria-label":m.INK_TITLES_TITLE,style:{top:u.top,left:u.left},children:n.jsx("div",{className:t.INK_CLASS_TITLE_GRID,children:I.TITLE_STYLE_IDS.map(e=>n.jsx("button",{type:"button",className:t.INK_CLASS_TITLE_CELL,"aria-label":e,onMouseDown:i=>{i.preventDefault(),w(e),s(!1)},children:n.jsx("span",{className:`${t.INK_CLASS_TITLE} ${t.INK_CLASS_TITLE}--${e}`,children:I.TITLE_PREVIEW_TEXT})},e))})}),document.body):null]})};exports.TitleGallery=g;

package/dist/components/InkEditor/components/TitleGallery/TitleGallery.js

@@ -8,10 +8,11 @@ import { KEY_ESCAPE as h } from "../../../../constants/keyboard.const.js";
 import { INK_CLASS_TITLE_GALLERY as D, INK_CLASS_STYLE_MENU as O, INK_CLASS_STYLE_MENU_PORTAL as g, INK_CLASS_STYLE_MENU_FORCED as Y, INK_CLASS_TITLE_GRID as $, INK_CLASS_TITLE_CELL as x, INK_CLASS_TITLE as S } from "../../../../constants/defaults.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
+import "../../../../utils/exportDocument.utils.js";
 import { TITLE_STYLE_IDS as y, TITLE_PREVIEW_TEXT as k } from "../../../../plugins/titles/titles.const.js";
 import { getToolbarDropdownMenuPosition as G } from "../ToolbarDropdown/ToolbarDropdown.utils.js";
 import { ToolbarButton as U } from "../ToolbarButton/ToolbarButton.js";
-const oe = (v) => {
+const te = (v) => {
   const { icon: I, disabled: l = !1, hint: N, onHint: w, pluginColor: C, onSelect: R } = v, [i, n] = _(!1), [m, A] = _({ top: p, left: p }), a = s(null), c = s(null), E = s(null);
   return b(() => {
     if (!i) return;
@@ -75,5 +76,5 @@ const oe = (v) => {
   ] });
 };
 export {
-  oe as TitleGallery
+  te as TitleGallery
 };

package/dist/components/InkEditor/components/ToolbarButton/ToolbarButton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),p=require("../../../../constants/generals.const.cjs"),n=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const N=require("../../../../common-components/Button/Button.cjs");require("react");require("react-dom");const S=a=>{const{icon:u,title:s,hint:l,onHint:e,pluginColor:t,active:o=!1,onClick:i,disabled:c=!1,className:d}=a,_=b=>{b.preventDefault()},q=l||s;return r.jsx("span",{className:n.INK_CLASS_TOOL_WRAP,onMouseEnter:()=>e==null?void 0:e(q),onMouseLeave:()=>e==null?void 0:e(p.EMPTY_STRING),children:r.jsxs(N.Button,{title:s,"aria-label":s,"aria-pressed":o,disabled:c,active:o,className:d,onMouseDown:_,onClick:i,children:[u,t?r.jsx("span",{className:n.INK_CLASS_PLUGIN_PIP,style:{background:t},"aria-hidden":!0}):null]})})};exports.ToolbarButton=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),p=require("../../../../constants/generals.const.cjs"),n=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");const N=require("../../../../common-components/Button/Button.cjs");require("react");require("react-dom");const S=a=>{const{icon:u,title:r,hint:l,onHint:e,pluginColor:t,active:o=!1,onClick:i,disabled:c=!1,className:d}=a,q=b=>{b.preventDefault()},_=l||r;return s.jsx("span",{className:n.INK_CLASS_TOOL_WRAP,onMouseEnter:()=>e==null?void 0:e(_),onMouseLeave:()=>e==null?void 0:e(p.EMPTY_STRING),children:s.jsxs(N.Button,{title:r,"aria-label":r,"aria-pressed":o,disabled:c,active:o,className:d,onMouseDown:q,onClick:i,children:[u,t?s.jsx("span",{className:n.INK_CLASS_PLUGIN_PIP,style:{background:t},"aria-hidden":!0}):null]})})};exports.ToolbarButton=S;

package/dist/components/InkEditor/components/ToolbarButton/ToolbarButton.js

@@ -1,26 +1,27 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { jsx as s, jsxs as f } from "react/jsx-runtime";
 import { EMPTY_STRING as N } from "../../../../constants/generals.const.js";
 import { INK_CLASS_TOOL_WRAP as _, INK_CLASS_PLUGIN_PIP as I } from "../../../../constants/defaults.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
+import "../../../../utils/exportDocument.utils.js";
 import { Button as L } from "../../../../common-components/Button/Button.js";
 import "react";
 import "react-dom";
-const x = (a) => {
+const A = (a) => {
   const {
-    icon: l,
+    icon: i,
     title: e,
-    hint: i,
+    hint: l,
     onHint: o,
     pluginColor: r,
-    active: s = !1,
+    active: t = !1,
     onClick: n,
     disabled: m = !1,
     className: p
   } = a, c = (d) => {
     d.preventDefault();
-  }, u = i || e;
-  return /* @__PURE__ */ t(
+  }, u = l || e;
+  return /* @__PURE__ */ s(
     "span",
     {
       className: _,
@@ -31,15 +32,15 @@ const x = (a) => {
         {
           title: e,
           "aria-label": e,
-          "aria-pressed": s,
+          "aria-pressed": t,
           disabled: m,
-          active: s,
+          active: t,
           className: p,
           onMouseDown: c,
           onClick: n,
           children: [
-            l,
-            r ? /* @__PURE__ */ t("span", { className: I, style: { background: r }, "aria-hidden": !0 }) : null
+            i,
+            r ? /* @__PURE__ */ s("span", { className: I, style: { background: r }, "aria-hidden": !0 }) : null
           ]
         }
       )
@@ -47,5 +48,5 @@ const x = (a) => {
   );
 };
 export {
-  x as ToolbarButton
+  A as ToolbarButton
 };

package/dist/components/InkEditor/components/ToolbarColorPicker/ToolbarColorPicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("react");require("react-dom");const u=a=>{const{value:t,onChange:s,title:l,disabled:i=!1,type:o="text"}=a,n=r=>{s(r.target.value)};return e.jsxs("label",{className:"Ink-Editor__color",title:l,"aria-label":l,children:[e.jsx("span",{className:"Ink-Editor__color-swatch",style:{background:t},"data-type":o}),e.jsx("input",{type:"color",value:t,disabled:i,onChange:n,list:`ink-colors-${o}`}),e.jsx("datalist",{id:`ink-colors-${o}`,children:c.INK_COLOR_SWATCHES.map(r=>e.jsx("option",{value:r},r))})]})};exports.ToolbarColorPicker=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");require("react");require("react-dom");const u=a=>{const{value:t,onChange:s,title:l,disabled:i=!1,type:o="text"}=a,n=r=>{s(r.target.value)};return e.jsxs("label",{className:"Ink-Editor__color",title:l,"aria-label":l,children:[e.jsx("span",{className:"Ink-Editor__color-swatch",style:{background:t},"data-type":o}),e.jsx("input",{type:"color",value:t,disabled:i,onChange:n,list:`ink-colors-${o}`}),e.jsx("datalist",{id:`ink-colors-${o}`,children:c.INK_COLOR_SWATCHES.map(r=>e.jsx("option",{value:r},r))})]})};exports.ToolbarColorPicker=u;

package/dist/components/InkEditor/components/ToolbarColorPicker/ToolbarColorPicker.js

@@ -1,28 +1,29 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { INK_COLOR_SWATCHES as c } from "../../../../constants/defaults.const.js";
+import { INK_COLOR_SWATCHES as p } from "../../../../constants/defaults.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
+import "../../../../utils/exportDocument.utils.js";
 import "react";
 import "react-dom";
-const u = (r) => {
-  const { value: e, onChange: n, title: l, disabled: i = !1, type: a = "text" } = r;
-  return /* @__PURE__ */ s("label", { className: "Ink-Editor__color", title: l, "aria-label": l, children: [
+const _ = (l) => {
+  const { value: e, onChange: i, title: r, disabled: n = !1, type: a = "text" } = l;
+  return /* @__PURE__ */ s("label", { className: "Ink-Editor__color", title: r, "aria-label": r, children: [
     /* @__PURE__ */ t("span", { className: "Ink-Editor__color-swatch", style: { background: e }, "data-type": a }),
     /* @__PURE__ */ t(
       "input",
       {
         type: "color",
         value: e,
-        disabled: i,
+        disabled: n,
         onChange: (o) => {
-          n(o.target.value);
+          i(o.target.value);
         },
         list: `ink-colors-${a}`
       }
     ),
-    /* @__PURE__ */ t("datalist", { id: `ink-colors-${a}`, children: c.map((o) => /* @__PURE__ */ t("option", { value: o }, o)) })
+    /* @__PURE__ */ t("datalist", { id: `ink-colors-${a}`, children: p.map((o) => /* @__PURE__ */ t("option", { value: o }, o)) })
   ] });
 };
 export {
-  u as ToolbarColorPicker
+  _ as ToolbarColorPicker
 };

package/dist/components/InkEditor/components/ToolbarCustomize/ToolbarCustomize.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),A=require("../../../../constants/toolbarMenu.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const C=require("../../../../common-components/Button/Button.cjs");require("react");require("react-dom");const s=require("./ToolbarCustomize.const.cjs"),I=t=>{const{open:T,options:n,visibleItems:O,onToggle:a,onClose:i,title:r=s.TOOLBAR_CUSTOMIZE_DEFAULT_TITLE,closeLabel:c=s.TOOLBAR_CUSTOMIZE_DEFAULT_CLOSE,listAriaLabel:o=s.TOOLBAR_CUSTOMIZE_DEFAULT_LIST_ARIA}=t;if(!T)return null;const _=new Set(O);return e.jsxs("div",{className:s.TOOLBAR_CUSTOMIZE_CLASS,"aria-label":r,children:[e.jsx("p",{className:s.TOOLBAR_CUSTOMIZE_TITLE_CLASS,children:r}),e.jsx("ul",{className:s.TOOLBAR_CUSTOMIZE_LIST_CLASS,"aria-label":o,children:n.map(l=>{const L=_.has(l),S=A.TOOLBAR_OPTION_LABELS[l]??l;return e.jsx("li",{className:s.TOOLBAR_CUSTOMIZE_ITEM_CLASS,children:e.jsxs("label",{children:[e.jsx("input",{type:s.TOOLBAR_CUSTOMIZE_INPUT_TYPE,checked:L,onChange:u=>a(l,u.target.checked)}),e.jsx("span",{children:S})]})},l)})}),e.jsx("div",{className:s.TOOLBAR_CUSTOMIZE_ACTIONS_CLASS,children:e.jsx(C.Button,{type:"button",onClick:i,children:c})})]})};exports.ToolbarCustomize=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),A=require("../../../../constants/toolbarMenu.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");const C=require("../../../../common-components/Button/Button.cjs");require("react");require("react-dom");const s=require("./ToolbarCustomize.const.cjs"),I=t=>{const{open:T,options:n,visibleItems:i,onToggle:O,onClose:a,title:l=s.TOOLBAR_CUSTOMIZE_DEFAULT_TITLE,closeLabel:c=s.TOOLBAR_CUSTOMIZE_DEFAULT_CLOSE,listAriaLabel:o=s.TOOLBAR_CUSTOMIZE_DEFAULT_LIST_ARIA}=t;if(!T)return null;const _=new Set(i);return e.jsxs("div",{className:s.TOOLBAR_CUSTOMIZE_CLASS,"aria-label":l,children:[e.jsx("p",{className:s.TOOLBAR_CUSTOMIZE_TITLE_CLASS,children:l}),e.jsx("ul",{className:s.TOOLBAR_CUSTOMIZE_LIST_CLASS,"aria-label":o,children:n.map(r=>{const L=_.has(r),S=A.TOOLBAR_OPTION_LABELS[r]??r;return e.jsx("li",{className:s.TOOLBAR_CUSTOMIZE_ITEM_CLASS,children:e.jsxs("label",{children:[e.jsx("input",{type:s.TOOLBAR_CUSTOMIZE_INPUT_TYPE,checked:L,onChange:u=>O(r,u.target.checked)}),e.jsx("span",{children:S})]})},r)})}),e.jsx("div",{className:s.TOOLBAR_CUSTOMIZE_ACTIONS_CLASS,children:e.jsx(C.Button,{type:"button",onClick:a,children:c})})]})};exports.ToolbarCustomize=I;

package/dist/components/InkEditor/components/ToolbarCustomize/ToolbarCustomize.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("../../../../constants/toolbarMenu.const.cjs");require("../../../../constants/openai.const.cjs");require("react/jsx-runtime");require("../../../../utils/paste.utils.cjs");require("react");require("react-dom");const _="Ink-ToolbarCustomize",O="Ink-ToolbarCustomize__title",L="Ink-ToolbarCustomize__list",S="Ink-ToolbarCustomize__item",A="Ink-ToolbarCustomize__actions",I=T.TOOLBAR_CUSTOMIZE_TITLE,C=T.TOOLBAR_CUSTOMIZE_CLOSE_LABEL,E=T.TOOLBAR_CUSTOMIZE_LIST_ARIA_LABEL,o="checkbox";exports.TOOLBAR_CUSTOMIZE_ACTIONS_CLASS=A;exports.TOOLBAR_CUSTOMIZE_CLASS=_;exports.TOOLBAR_CUSTOMIZE_DEFAULT_CLOSE=C;exports.TOOLBAR_CUSTOMIZE_DEFAULT_LIST_ARIA=E;exports.TOOLBAR_CUSTOMIZE_DEFAULT_TITLE=I;exports.TOOLBAR_CUSTOMIZE_INPUT_TYPE=o;exports.TOOLBAR_CUSTOMIZE_ITEM_CLASS=S;exports.TOOLBAR_CUSTOMIZE_LIST_CLASS=L;exports.TOOLBAR_CUSTOMIZE_TITLE_CLASS=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("../../../../constants/toolbarMenu.const.cjs");require("../../../../constants/openai.const.cjs");require("react/jsx-runtime");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");require("react");require("react-dom");const _="Ink-ToolbarCustomize",O="Ink-ToolbarCustomize__title",L="Ink-ToolbarCustomize__list",S="Ink-ToolbarCustomize__item",A="Ink-ToolbarCustomize__actions",I=T.TOOLBAR_CUSTOMIZE_TITLE,C=T.TOOLBAR_CUSTOMIZE_CLOSE_LABEL,E=T.TOOLBAR_CUSTOMIZE_LIST_ARIA_LABEL,o="checkbox";exports.TOOLBAR_CUSTOMIZE_ACTIONS_CLASS=A;exports.TOOLBAR_CUSTOMIZE_CLASS=_;exports.TOOLBAR_CUSTOMIZE_DEFAULT_CLOSE=C;exports.TOOLBAR_CUSTOMIZE_DEFAULT_LIST_ARIA=E;exports.TOOLBAR_CUSTOMIZE_DEFAULT_TITLE=I;exports.TOOLBAR_CUSTOMIZE_INPUT_TYPE=o;exports.TOOLBAR_CUSTOMIZE_ITEM_CLASS=S;exports.TOOLBAR_CUSTOMIZE_LIST_CLASS=L;exports.TOOLBAR_CUSTOMIZE_TITLE_CLASS=O;

package/dist/components/InkEditor/components/ToolbarCustomize/ToolbarCustomize.const.js

@@ -2,17 +2,18 @@ import { TOOLBAR_CUSTOMIZE_LIST_ARIA_LABEL as T, TOOLBAR_CUSTOMIZE_TITLE as _, T
 import "../../../../constants/openai.const.js";
 import "react/jsx-runtime";
 import "../../../../utils/paste.utils.js";
+import "../../../../utils/exportDocument.utils.js";
 import "react";
 import "react-dom";
-const C = "Ink-ToolbarCustomize", E = "Ink-ToolbarCustomize__title", s = "Ink-ToolbarCustomize__list", U = "Ink-ToolbarCustomize__item", i = "Ink-ToolbarCustomize__actions", n = _, B = O, R = T, m = "checkbox";
+const E = "Ink-ToolbarCustomize", i = "Ink-ToolbarCustomize__title", s = "Ink-ToolbarCustomize__list", U = "Ink-ToolbarCustomize__item", n = "Ink-ToolbarCustomize__actions", m = _, r = O, B = T, R = "checkbox";
 export {
-  i as TOOLBAR_CUSTOMIZE_ACTIONS_CLASS,
-  C as TOOLBAR_CUSTOMIZE_CLASS,
-  B as TOOLBAR_CUSTOMIZE_DEFAULT_CLOSE,
-  R as TOOLBAR_CUSTOMIZE_DEFAULT_LIST_ARIA,
-  n as TOOLBAR_CUSTOMIZE_DEFAULT_TITLE,
-  m as TOOLBAR_CUSTOMIZE_INPUT_TYPE,
+  n as TOOLBAR_CUSTOMIZE_ACTIONS_CLASS,
+  E as TOOLBAR_CUSTOMIZE_CLASS,
+  r as TOOLBAR_CUSTOMIZE_DEFAULT_CLOSE,
+  B as TOOLBAR_CUSTOMIZE_DEFAULT_LIST_ARIA,
+  m as TOOLBAR_CUSTOMIZE_DEFAULT_TITLE,
+  R as TOOLBAR_CUSTOMIZE_INPUT_TYPE,
   U as TOOLBAR_CUSTOMIZE_ITEM_CLASS,
   s as TOOLBAR_CUSTOMIZE_LIST_CLASS,
-  E as TOOLBAR_CUSTOMIZE_TITLE_CLASS
+  i as TOOLBAR_CUSTOMIZE_TITLE_CLASS
 };

package/dist/components/InkEditor/components/ToolbarCustomize/ToolbarCustomize.js

@@ -1,12 +1,13 @@
-import { jsxs as O, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { TOOLBAR_OPTION_LABELS as m } from "../../../../constants/toolbarMenu.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
+import "../../../../utils/exportDocument.utils.js";
 import { Button as C } from "../../../../common-components/Button/Button.js";
 import "react";
 import "react-dom";
-import { TOOLBAR_CUSTOMIZE_DEFAULT_LIST_ARIA as I, TOOLBAR_CUSTOMIZE_DEFAULT_TITLE as E, TOOLBAR_CUSTOMIZE_DEFAULT_CLOSE as d, TOOLBAR_CUSTOMIZE_CLASS as p, TOOLBAR_CUSTOMIZE_TITLE_CLASS as U, TOOLBAR_CUSTOMIZE_LIST_CLASS as h, TOOLBAR_CUSTOMIZE_ITEM_CLASS as B, TOOLBAR_CUSTOMIZE_INPUT_TYPE as R, TOOLBAR_CUSTOMIZE_ACTIONS_CLASS as b } from "./ToolbarCustomize.const.js";
-const x = (r) => {
+import { TOOLBAR_CUSTOMIZE_DEFAULT_LIST_ARIA as I, TOOLBAR_CUSTOMIZE_DEFAULT_TITLE as E, TOOLBAR_CUSTOMIZE_DEFAULT_CLOSE as p, TOOLBAR_CUSTOMIZE_CLASS as d, TOOLBAR_CUSTOMIZE_TITLE_CLASS as U, TOOLBAR_CUSTOMIZE_LIST_CLASS as h, TOOLBAR_CUSTOMIZE_ITEM_CLASS as B, TOOLBAR_CUSTOMIZE_INPUT_TYPE as R, TOOLBAR_CUSTOMIZE_ACTIONS_CLASS as b } from "./ToolbarCustomize.const.js";
+const D = (O) => {
   const {
     open: t,
     options: _,
@@ -14,16 +15,16 @@ const x = (r) => {
     onToggle: i,
     onClose: s,
     title: T = E,
-    closeLabel: L = d,
+    closeLabel: L = p,
     listAriaLabel: n = I
-  } = r;
+  } = O;
   if (!t) return null;
   const o = new Set(a);
-  return /* @__PURE__ */ O("div", { className: p, "aria-label": T, children: [
+  return /* @__PURE__ */ r("div", { className: d, "aria-label": T, children: [
     /* @__PURE__ */ e("p", { className: U, children: T }),
     /* @__PURE__ */ e("ul", { className: h, "aria-label": n, children: _.map((l) => {
       const S = o.has(l), c = m[l] ?? l;
-      return /* @__PURE__ */ e("li", { className: B, children: /* @__PURE__ */ O("label", { children: [
+      return /* @__PURE__ */ e("li", { className: B, children: /* @__PURE__ */ r("label", { children: [
         /* @__PURE__ */ e(
           "input",
           {
@@ -39,5 +40,5 @@ const x = (r) => {
   ] });
 };
 export {
-  x as ToolbarCustomize
+  D as ToolbarCustomize
 };

package/dist/components/InkEditor/components/ToolbarDropdown/ToolbarDropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),O=require("react-dom"),c=require("../../../../constants/numbers.cjs"),u=require("../../../../constants/generals.const.cjs"),g=require("../../../../constants/colorMode.const.cjs"),x=require("../../../../constants/keyboard.const.cjs"),n=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const D=require("./ToolbarDropdown.utils.cjs"),K=()=>t.jsx("svg",{className:n.INK_CLASS_STYLE_CHEV,viewBox:"0 0 10 10","aria-hidden":"true",children:t.jsx("path",{d:"M2 3.5L5 6.5L8 3.5",stroke:"currentColor",strokeWidth:"1.4",fill:"none"})}),P=R=>{const{options:d,value:L,onChange:b,title:_,disabled:f=!1}=R,[i,l]=r.useState(!1),[E,w]=r.useState({top:c.NUMBER_ZERO,left:c.NUMBER_ZERO,minWidth:c.NUMBER_ZERO}),m=r.useRef(null),N=r.useRef(null),T=r.useRef(null),S=d.find(e=>e.value===L)??d[c.NUMBER_ZERO],I=(S==null?void 0:S.label)??u.EMPTY_STRING;r.useEffect(()=>{if(!i)return;const e=()=>{w(D.getToolbarDropdownMenuPosition(N.current))};e();const o=s=>{var p,C;const v=s.target;(p=m.current)!=null&&p.contains(v)||(C=T.current)!=null&&C.contains(v)||l(!1)},a=s=>{s.key===x.KEY_ESCAPE&&l(!1)};return document.addEventListener("mousedown",o),document.addEventListener("keydown",a),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{document.removeEventListener("mousedown",o),document.removeEventListener("keydown",a),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[i]);const M=e=>{e.preventDefault()},h=()=>{f||l(e=>!e)};return t.jsxs("div",{className:n.INK_CLASS_STYLE_DD,ref:m,children:[t.jsxs("button",{ref:N,type:"button",className:n.INK_CLASS_STYLE_TRIGGER,title:_,"aria-label":_,"aria-haspopup":"listbox","aria-expanded":i,disabled:f,onMouseDown:M,onClick:h,children:[t.jsx("span",{children:I}),t.jsx(K,{})]}),i?O.createPortal(t.jsx("div",{ref:T,className:`${n.INK_CLASS_STYLE_MENU} ${n.INK_CLASS_STYLE_MENU_PORTAL} ${n.INK_CLASS_STYLE_MENU_FORCED}`,"data-color-mode":g.COLOR_MODE_LIGHT,role:"listbox","aria-label":_,style:{top:E.top,left:E.left,minWidth:E.minWidth},children:d.map(e=>{const o=e.value===L,a=`${n.INK_CLASS_STYLE_OPTION}${o?`${u.SPACE_STRING}${n.INK_CLASS_STYLE_OPTION_SEL}`:u.EMPTY_STRING}`;return t.jsxs("button",{type:"button",role:"option","aria-selected":o,className:a,onMouseDown:s=>{s.preventDefault(),b(e.value),l(!1)},children:[o?t.jsx("span",{className:n.INK_CLASS_STYLE_CHECK,"aria-hidden":"true",children:u.INK_STYLE_CHECK}):null,e.label]},e.value)})}),document.body):null]})};exports.ToolbarDropdown=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),O=require("react-dom"),u=require("../../../../constants/numbers.cjs"),c=require("../../../../constants/generals.const.cjs"),g=require("../../../../constants/colorMode.const.cjs"),x=require("../../../../constants/keyboard.const.cjs"),n=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");const D=require("./ToolbarDropdown.utils.cjs"),K=()=>t.jsx("svg",{className:n.INK_CLASS_STYLE_CHEV,viewBox:"0 0 10 10","aria-hidden":"true",children:t.jsx("path",{d:"M2 3.5L5 6.5L8 3.5",stroke:"currentColor",strokeWidth:"1.4",fill:"none"})}),P=R=>{const{options:d,value:L,onChange:b,title:_,disabled:f=!1}=R,[i,l]=r.useState(!1),[E,w]=r.useState({top:u.NUMBER_ZERO,left:u.NUMBER_ZERO,minWidth:u.NUMBER_ZERO}),m=r.useRef(null),N=r.useRef(null),T=r.useRef(null),S=d.find(e=>e.value===L)??d[u.NUMBER_ZERO],I=(S==null?void 0:S.label)??c.EMPTY_STRING;r.useEffect(()=>{if(!i)return;const e=()=>{w(D.getToolbarDropdownMenuPosition(N.current))};e();const o=s=>{var p,C;const v=s.target;(p=m.current)!=null&&p.contains(v)||(C=T.current)!=null&&C.contains(v)||l(!1)},a=s=>{s.key===x.KEY_ESCAPE&&l(!1)};return document.addEventListener("mousedown",o),document.addEventListener("keydown",a),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{document.removeEventListener("mousedown",o),document.removeEventListener("keydown",a),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[i]);const M=e=>{e.preventDefault()},h=()=>{f||l(e=>!e)};return t.jsxs("div",{className:n.INK_CLASS_STYLE_DD,ref:m,children:[t.jsxs("button",{ref:N,type:"button",className:n.INK_CLASS_STYLE_TRIGGER,title:_,"aria-label":_,"aria-haspopup":"listbox","aria-expanded":i,disabled:f,onMouseDown:M,onClick:h,children:[t.jsx("span",{children:I}),t.jsx(K,{})]}),i?O.createPortal(t.jsx("div",{ref:T,className:`${n.INK_CLASS_STYLE_MENU} ${n.INK_CLASS_STYLE_MENU_PORTAL} ${n.INK_CLASS_STYLE_MENU_FORCED}`,"data-color-mode":g.COLOR_MODE_LIGHT,role:"listbox","aria-label":_,style:{top:E.top,left:E.left,minWidth:E.minWidth},children:d.map(e=>{const o=e.value===L,a=`${n.INK_CLASS_STYLE_OPTION}${o?`${c.SPACE_STRING}${n.INK_CLASS_STYLE_OPTION_SEL}`:c.EMPTY_STRING}`;return t.jsxs("button",{type:"button",role:"option","aria-selected":o,className:a,onMouseDown:s=>{s.preventDefault(),b(e.value),l(!1)},children:[o?t.jsx("span",{className:n.INK_CLASS_STYLE_CHECK,"aria-hidden":"true",children:c.INK_STYLE_CHECK}):null,e.label]},e.value)})}),document.body):null]})};exports.ToolbarDropdown=P;