@forgedevstack/ink 1.1.8 → 1.2.0

package/dist/components/InkEditor/components/FindReplace/FindReplace.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),o=require("../../../../constants/generals.const.cjs"),a=require("../../../../constants/findReplaceMenu.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const r=require("../../../../common-components/Button/Button.cjs"),u=require("../../../../common-components/Field/Field.cjs");require("react-dom");const e=require("./FindReplace.const.cjs"),p=L=>{const{open:F,onClose:C,onReplace:A,findLabel:D=e.FIND_REPLACE_DEFAULT_FIND,replaceLabel:N=e.FIND_REPLACE_DEFAULT_REPLACE,replaceOneLabel:R=e.FIND_REPLACE_DEFAULT_ONE,replaceAllLabel:d=e.FIND_REPLACE_DEFAULT_ALL,closeLabel:I=e.FIND_REPLACE_DEFAULT_CLOSE,title:c=e.FIND_REPLACE_DEFAULT_TITLE,focusField:s=a.FIND_REPLACE_FOCUS_FIND}=L,[l,S]=i.useState(o.EMPTY_STRING),[E,P]=i.useState(o.EMPTY_STRING);if(!F)return null;const _=(n,b)=>{n.preventDefault(),l&&A(l,E,b)};return t.jsxs("form",{className:e.FIND_REPLACE_CLASS,"aria-label":c,onSubmit:n=>_(n,!1),children:[t.jsx("p",{className:e.FIND_REPLACE_TITLE_CLASS,children:c}),t.jsx(u.Field,{className:e.FIND_REPLACE_FIELD_CLASS,label:D,value:l,onChange:S,autoFocus:s===a.FIND_REPLACE_FOCUS_FIND}),t.jsx(u.Field,{className:e.FIND_REPLACE_FIELD_CLASS,label:N,value:E,onChange:P,autoFocus:s===a.FIND_REPLACE_FOCUS_REPLACE}),t.jsxs("div",{className:e.FIND_REPLACE_ACTIONS_CLASS,children:[t.jsx(r.Button,{type:"button",onClick:C,children:I}),t.jsx(r.Button,{type:"submit",disabled:!l,children:R}),t.jsx(r.Button,{type:"button",active:!0,disabled:!l,onClick:n=>_(n,!0),children:d})]})]},s)};exports.FindReplace=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),o=require("../../../../constants/generals.const.cjs"),r=require("../../../../constants/findReplaceMenu.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");const a=require("../../../../common-components/Button/Button.cjs"),u=require("../../../../common-components/Field/Field.cjs");require("react-dom");const e=require("./FindReplace.const.cjs"),p=L=>{const{open:F,onClose:C,onReplace:A,findLabel:D=e.FIND_REPLACE_DEFAULT_FIND,replaceLabel:N=e.FIND_REPLACE_DEFAULT_REPLACE,replaceOneLabel:R=e.FIND_REPLACE_DEFAULT_ONE,replaceAllLabel:d=e.FIND_REPLACE_DEFAULT_ALL,closeLabel:I=e.FIND_REPLACE_DEFAULT_CLOSE,title:c=e.FIND_REPLACE_DEFAULT_TITLE,focusField:s=r.FIND_REPLACE_FOCUS_FIND}=L,[l,S]=i.useState(o.EMPTY_STRING),[E,P]=i.useState(o.EMPTY_STRING);if(!F)return null;const _=(n,b)=>{n.preventDefault(),l&&A(l,E,b)};return t.jsxs("form",{className:e.FIND_REPLACE_CLASS,"aria-label":c,onSubmit:n=>_(n,!1),children:[t.jsx("p",{className:e.FIND_REPLACE_TITLE_CLASS,children:c}),t.jsx(u.Field,{className:e.FIND_REPLACE_FIELD_CLASS,label:D,value:l,onChange:S,autoFocus:s===r.FIND_REPLACE_FOCUS_FIND}),t.jsx(u.Field,{className:e.FIND_REPLACE_FIELD_CLASS,label:N,value:E,onChange:P,autoFocus:s===r.FIND_REPLACE_FOCUS_REPLACE}),t.jsxs("div",{className:e.FIND_REPLACE_ACTIONS_CLASS,children:[t.jsx(a.Button,{type:"button",onClick:C,children:I}),t.jsx(a.Button,{type:"submit",disabled:!l,children:R}),t.jsx(a.Button,{type:"button",active:!0,disabled:!l,onClick:n=>_(n,!0),children:d})]})]},s)};exports.FindReplace=p;

package/dist/components/InkEditor/components/FindReplace/FindReplace.js

@@ -1,38 +1,39 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import { useState as L } from "react";
 import { EMPTY_STRING as n } from "../../../../constants/generals.const.js";
 import { FIND_REPLACE_FOCUS_FIND as s, FIND_REPLACE_FOCUS_REPLACE as P } from "../../../../constants/findReplaceMenu.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
-import { Button as E } from "../../../../common-components/Button/Button.js";
+import "../../../../utils/exportDocument.utils.js";
+import { Button as r } from "../../../../common-components/Button/Button.js";
 import { Field as c } from "../../../../common-components/Field/Field.js";
 import "react-dom";
 import { FIND_REPLACE_DEFAULT_FIND as S, FIND_REPLACE_DEFAULT_REPLACE as T, FIND_REPLACE_DEFAULT_ONE as h, FIND_REPLACE_DEFAULT_ALL as U, FIND_REPLACE_DEFAULT_CLOSE as O, FIND_REPLACE_DEFAULT_TITLE as v, FIND_REPLACE_CLASS as x, FIND_REPLACE_TITLE_CLASS as y, FIND_REPLACE_FIELD_CLASS as F, FIND_REPLACE_ACTIONS_CLASS as g } from "./FindReplace.const.js";
-const J = (A) => {
+const K = (m) => {
   const {
-    open: C,
-    onClose: m,
+    open: A,
+    onClose: C,
     onReplace: p,
     findLabel: D = S,
     replaceLabel: N = T,
     replaceOneLabel: u = h,
     replaceAllLabel: I = U,
     closeLabel: R = O,
-    title: a = v,
+    title: E = v,
     focusField: o = s
-  } = A, [l, d] = L(n), [r, b] = L(n);
-  if (!C) return null;
-  const _ = (t, f) => {
-    t.preventDefault(), l && p(l, r, f);
+  } = m, [l, d] = L(n), [a, b] = L(n);
+  if (!A) return null;
+  const i = (t, f) => {
+    t.preventDefault(), l && p(l, a, f);
   };
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ _(
     "form",
     {
       className: x,
-      "aria-label": a,
-      onSubmit: (t) => _(t, !1),
+      "aria-label": E,
+      onSubmit: (t) => i(t, !1),
       children: [
-        /* @__PURE__ */ e("p", { className: y, children: a }),
+        /* @__PURE__ */ e("p", { className: y, children: E }),
         /* @__PURE__ */ e(
           c,
           {
@@ -48,15 +49,15 @@ const J = (A) => {
           {
             className: F,
             label: N,
-            value: r,
+            value: a,
             onChange: b,
             autoFocus: o === P
           }
         ),
-        /* @__PURE__ */ i("div", { className: g, children: [
-          /* @__PURE__ */ e(E, { type: "button", onClick: m, children: R }),
-          /* @__PURE__ */ e(E, { type: "submit", disabled: !l, children: u }),
-          /* @__PURE__ */ e(E, { type: "button", active: !0, disabled: !l, onClick: (t) => _(t, !0), children: I })
+        /* @__PURE__ */ _("div", { className: g, children: [
+          /* @__PURE__ */ e(r, { type: "button", onClick: C, children: R }),
+          /* @__PURE__ */ e(r, { type: "submit", disabled: !l, children: u }),
+          /* @__PURE__ */ e(r, { type: "button", active: !0, disabled: !l, onClick: (t) => i(t, !0), children: I })
         ] })
       ]
     },
@@ -64,5 +65,5 @@ const J = (A) => {
   );
 };
 export {
-  J as FindReplace
+  K as FindReplace
 };

package/dist/components/InkEditor/components/GraphEditModal/GraphEditModal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),N=require("@forgedevstack/bear"),s=require("../../../../constants/numbers.cjs"),l=require("../../../../constants/generals.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("react-dom");const O=require("../../../../plugins/graph/graph.const.cjs"),C=()=>({label:"•",value:s.NUMBER_ONE}),G=j=>{const{open:p,mode:E,points:d,colors:n,onClose:R,onApply:P}=j,[m,_]=h.useState(d),[v,M]=h.useState(n.length>s.NUMBER_ZERO?n:[...O.GRAPH_COLORS]);h.useEffect(()=>{p&&(_(d),M(n.length>s.NUMBER_ZERO?n:[...O.GRAPH_COLORS]))},[p,d,n]);const b=E==="colors"?l.INK_GRAPH_COLORS_TITLE:l.INK_GRAPH_VALUES_TITLE;return e.jsx(N.Modal,{isOpen:p,onClose:R,title:b,size:"md",footer:e.jsxs(e.Fragment,{children:[e.jsx(N.Button,{variant:"outline",onClick:R,children:l.INK_GRAPH_CANCEL}),e.jsx(N.Button,{variant:"primary",onClick:()=>P(m,v),children:l.INK_GRAPH_APPLY})]}),children:E==="values"?e.jsxs("div",{className:"Ink-GraphModal",children:[m.map((r,a)=>e.jsxs("div",{className:"Ink-GraphModal__row",children:[e.jsx("input",{value:r.label,"aria-label":`Label ${a+s.NUMBER_ONE}`,onChange:o=>{const i=o.target.value;_(c=>c.map((t,u)=>u===a?{...t,label:i}:t))}}),e.jsx("input",{type:"number",value:r.value,"aria-label":`Value ${a+s.NUMBER_ONE}`,onChange:o=>{const i=Number(o.target.value)||s.NUMBER_ZERO;_(c=>c.map((t,u)=>u===a?{...t,value:i}:t))}})]},`${r.label}-${a}`)),e.jsx(N.Button,{variant:"outline",size:"sm",onClick:()=>_(r=>[...r,C()]),children:l.INK_GRAPH_ADD_POINT})]}):e.jsx("div",{className:"Ink-GraphModal",children:v.map((r,a)=>e.jsxs("label",{className:"Ink-GraphModal__row",children:[e.jsx("span",{children:a+s.NUMBER_ONE}),e.jsx("input",{type:"color",value:r,onChange:o=>{const i=o.target.value||l.EMPTY_STRING;M(c=>c.map((t,u)=>u===a?i:t))}})]},`${r}-${a}`))})})};exports.GraphEditModal=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),N=require("@forgedevstack/bear"),s=require("../../../../constants/numbers.cjs"),l=require("../../../../constants/generals.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");require("react-dom");const O=require("../../../../plugins/graph/graph.const.cjs"),C=()=>({label:"•",value:s.NUMBER_ONE}),G=j=>{const{open:p,mode:E,points:d,colors:n,onClose:R,onApply:P}=j,[m,_]=h.useState(d),[v,M]=h.useState(n.length>s.NUMBER_ZERO?n:[...O.GRAPH_COLORS]);h.useEffect(()=>{p&&(_(d),M(n.length>s.NUMBER_ZERO?n:[...O.GRAPH_COLORS]))},[p,d,n]);const b=E==="colors"?l.INK_GRAPH_COLORS_TITLE:l.INK_GRAPH_VALUES_TITLE;return e.jsx(N.Modal,{isOpen:p,onClose:R,title:b,size:"md",footer:e.jsxs(e.Fragment,{children:[e.jsx(N.Button,{variant:"outline",onClick:R,children:l.INK_GRAPH_CANCEL}),e.jsx(N.Button,{variant:"primary",onClick:()=>P(m,v),children:l.INK_GRAPH_APPLY})]}),children:E==="values"?e.jsxs("div",{className:"Ink-GraphModal",children:[m.map((r,a)=>e.jsxs("div",{className:"Ink-GraphModal__row",children:[e.jsx("input",{value:r.label,"aria-label":`Label ${a+s.NUMBER_ONE}`,onChange:o=>{const i=o.target.value;_(u=>u.map((t,c)=>c===a?{...t,label:i}:t))}}),e.jsx("input",{type:"number",value:r.value,"aria-label":`Value ${a+s.NUMBER_ONE}`,onChange:o=>{const i=Number(o.target.value)||s.NUMBER_ZERO;_(u=>u.map((t,c)=>c===a?{...t,value:i}:t))}})]},`${r.label}-${a}`)),e.jsx(N.Button,{variant:"outline",size:"sm",onClick:()=>_(r=>[...r,C()]),children:l.INK_GRAPH_ADD_POINT})]}):e.jsx("div",{className:"Ink-GraphModal",children:v.map((r,a)=>e.jsxs("label",{className:"Ink-GraphModal__row",children:[e.jsx("span",{children:a+s.NUMBER_ONE}),e.jsx("input",{type:"color",value:r,onChange:o=>{const i=o.target.value||l.EMPTY_STRING;M(u=>u.map((t,c)=>c===a?i:t))}})]},`${r}-${a}`))})})};exports.GraphEditModal=G;

package/dist/components/InkEditor/components/GraphEditModal/GraphEditModal.js

@@ -1,13 +1,14 @@
-import { jsx as l, jsxs as c, Fragment as E } from "react/jsx-runtime";
+import { jsx as l, jsxs as m, Fragment as E } from "react/jsx-runtime";
 import { useState as P, useEffect as b } from "react";
 import { Modal as g, Button as h } from "@forgedevstack/bear";
-import { NUMBER_ZERO as d, NUMBER_ONE as m } from "../../../../constants/numbers.js";
+import { NUMBER_ZERO as d, NUMBER_ONE as c } from "../../../../constants/numbers.js";
 import { INK_GRAPH_COLORS_TITLE as M, INK_GRAPH_VALUES_TITLE as L, INK_GRAPH_ADD_POINT as O, EMPTY_STRING as k, INK_GRAPH_CANCEL as T, INK_GRAPH_APPLY as H } from "../../../../constants/generals.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
+import "../../../../utils/exportDocument.utils.js";
 import "react-dom";
 import { GRAPH_COLORS as G } from "../../../../plugins/graph/graph.const.js";
-const $ = () => ({ label: "•", value: m }), Y = (R) => {
+const $ = () => ({ label: "•", value: c }), F = (R) => {
   const { open: u, mode: v, points: _, colors: r, onClose: N, onApply: A } = R, [f, p] = P(_), [C, I] = P(
     r.length > d ? r : [...G]
   );
@@ -20,22 +21,22 @@ const $ = () => ({ label: "•", value: m }), Y = (R) => {
       onClose: N,
       title: v === "colors" ? M : L,
       size: "md",
-      footer: /* @__PURE__ */ c(E, { children: [
+      footer: /* @__PURE__ */ m(E, { children: [
         /* @__PURE__ */ l(h, { variant: "outline", onClick: N, children: T }),
         /* @__PURE__ */ l(h, { variant: "primary", onClick: () => A(f, C), children: H })
       ] }),
-      children: v === "values" ? /* @__PURE__ */ c("div", { className: "Ink-GraphModal", children: [
-        f.map((e, a) => /* @__PURE__ */ c("div", { className: "Ink-GraphModal__row", children: [
+      children: v === "values" ? /* @__PURE__ */ m("div", { className: "Ink-GraphModal", children: [
+        f.map((e, a) => /* @__PURE__ */ m("div", { className: "Ink-GraphModal__row", children: [
           /* @__PURE__ */ l(
             "input",
             {
               value: e.label,
-              "aria-label": `Label ${a + m}`,
+              "aria-label": `Label ${a + c}`,
               onChange: (t) => {
                 const n = t.target.value;
                 p(
-                  (s) => s.map(
-                    (o, i) => i === a ? { ...o, label: n } : o
+                  (i) => i.map(
+                    (o, s) => s === a ? { ...o, label: n } : o
                   )
                 );
               }
@@ -46,12 +47,12 @@ const $ = () => ({ label: "•", value: m }), Y = (R) => {
             {
               type: "number",
               value: e.value,
-              "aria-label": `Value ${a + m}`,
+              "aria-label": `Value ${a + c}`,
               onChange: (t) => {
                 const n = Number(t.target.value) || d;
                 p(
-                  (s) => s.map(
-                    (o, i) => i === a ? { ...o, value: n } : o
+                  (i) => i.map(
+                    (o, s) => s === a ? { ...o, value: n } : o
                   )
                 );
               }
@@ -67,8 +68,8 @@ const $ = () => ({ label: "•", value: m }), Y = (R) => {
             children: O
           }
         )
-      ] }) : /* @__PURE__ */ l("div", { className: "Ink-GraphModal", children: C.map((e, a) => /* @__PURE__ */ c("label", { className: "Ink-GraphModal__row", children: [
-        /* @__PURE__ */ l("span", { children: a + m }),
+      ] }) : /* @__PURE__ */ l("div", { className: "Ink-GraphModal", children: C.map((e, a) => /* @__PURE__ */ m("label", { className: "Ink-GraphModal__row", children: [
+        /* @__PURE__ */ l("span", { children: a + c }),
         /* @__PURE__ */ l(
           "input",
           {
@@ -77,7 +78,7 @@ const $ = () => ({ label: "•", value: m }), Y = (R) => {
             onChange: (t) => {
               const n = t.target.value || k;
               I(
-                (s) => s.map((o, i) => i === a ? n : o)
+                (i) => i.map((o, s) => s === a ? n : o)
               );
             }
           }
@@ -87,5 +88,5 @@ const $ = () => ({ label: "•", value: m }), Y = (R) => {
   );
 };
 export {
-  Y as GraphEditModal
+  F as GraphEditModal
 };

package/dist/components/InkEditor/components/GraphPicker/GraphPicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),K=require("react-dom"),A=require("../../../../constants/numbers.cjs"),a=require("../../../../constants/generals.const.cjs"),D=require("../../../../constants/colorMode.const.cjs"),M=require("../../../../constants/keyboard.const.cjs"),o=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const s=require("../../../../plugins/graph/graph.const.cjs"),p=require("../../../../plugins/graph/graph.utils.cjs"),h=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),q=require("../ToolbarButton/ToolbarButton.cjs"),g=N=>{const{icon:v,disabled:d=!1,hint:I,onHint:T,pluginColor:b,onInsert:w}=N,[c,i]=n.useState(!1),[l,G]=n.useState(s.GRAPH_KIND_DEFAULT),[_,H]=n.useState({top:A.NUMBER_ZERO,left:A.NUMBER_ZERO}),E=n.useRef(null),L=n.useRef(null),S=n.useRef(null);return n.useEffect(()=>{if(!c)return;const e=()=>{const r=h.getToolbarDropdownMenuPosition(L.current);H({top:r.top,left:r.left})};e();const u=r=>{var m,P;const R=r.target;(m=E.current)!=null&&m.contains(R)||(P=S.current)!=null&&P.contains(R)||i(!1)},f=r=>{r.key===M.KEY_ESCAPE&&i(!1)};return document.addEventListener("mousedown",u),document.addEventListener("keydown",f),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{document.removeEventListener("mousedown",u),document.removeEventListener("keydown",f),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[c]),t.jsxs("div",{className:o.INK_CLASS_STYLE_DD,ref:E,children:[t.jsx("div",{ref:L,children:t.jsx(q.ToolbarButton,{icon:v,title:a.INK_GRAPH_TITLE,hint:I,onHint:T,pluginColor:b,disabled:d,onClick:()=>{d||i(e=>!e)}})}),c?K.createPortal(t.jsxs("div",{ref:S,className:`${o.INK_CLASS_STYLE_MENU} ${o.INK_CLASS_STYLE_MENU_PORTAL} ${o.INK_CLASS_STYLE_MENU_FORCED} ${o.INK_CLASS_GRAPH_PANEL}`,"data-color-mode":D.COLOR_MODE_LIGHT,role:"dialog","aria-label":a.INK_GRAPH_TITLE,style:{top:_.top,left:_.left},children:[t.jsx("div",{className:o.INK_CLASS_GRAPH_TYPES,children:s.GRAPH_KINDS.map(e=>t.jsx("button",{type:"button","aria-pressed":e===l,onMouseDown:u=>{u.preventDefault(),G(e)},children:s.GRAPH_KIND_LABELS[e]},e))}),t.jsx("div",{className:o.INK_CLASS_GRAPH_PREVIEW,dangerouslySetInnerHTML:{__html:p.buildGraphHtml(l,s.GRAPH_SAMPLE)}}),t.jsx("button",{type:"button",onMouseDown:e=>{e.preventDefault(),w(p.buildGraphHtml(l,s.GRAPH_SAMPLE)),i(!1)},children:a.INK_GRAPH_INSERT})]}),document.body):null]})};exports.GraphPicker=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),K=require("react-dom"),A=require("../../../../constants/numbers.cjs"),a=require("../../../../constants/generals.const.cjs"),q=require("../../../../constants/colorMode.const.cjs"),D=require("../../../../constants/keyboard.const.cjs"),o=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");const s=require("../../../../plugins/graph/graph.const.cjs"),p=require("../../../../plugins/graph/graph.utils.cjs"),M=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),h=require("../ToolbarButton/ToolbarButton.cjs"),g=N=>{const{icon:v,disabled:d=!1,hint:I,onHint:T,pluginColor:b,onInsert:w}=N,[c,i]=n.useState(!1),[l,G]=n.useState(s.GRAPH_KIND_DEFAULT),[_,H]=n.useState({top:A.NUMBER_ZERO,left:A.NUMBER_ZERO}),E=n.useRef(null),L=n.useRef(null),S=n.useRef(null);return n.useEffect(()=>{if(!c)return;const e=()=>{const r=M.getToolbarDropdownMenuPosition(L.current);H({top:r.top,left:r.left})};e();const u=r=>{var m,P;const R=r.target;(m=E.current)!=null&&m.contains(R)||(P=S.current)!=null&&P.contains(R)||i(!1)},f=r=>{r.key===D.KEY_ESCAPE&&i(!1)};return document.addEventListener("mousedown",u),document.addEventListener("keydown",f),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{document.removeEventListener("mousedown",u),document.removeEventListener("keydown",f),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[c]),t.jsxs("div",{className:o.INK_CLASS_STYLE_DD,ref:E,children:[t.jsx("div",{ref:L,children:t.jsx(h.ToolbarButton,{icon:v,title:a.INK_GRAPH_TITLE,hint:I,onHint:T,pluginColor:b,disabled:d,onClick:()=>{d||i(e=>!e)}})}),c?K.createPortal(t.jsxs("div",{ref:S,className:`${o.INK_CLASS_STYLE_MENU} ${o.INK_CLASS_STYLE_MENU_PORTAL} ${o.INK_CLASS_STYLE_MENU_FORCED} ${o.INK_CLASS_GRAPH_PANEL}`,"data-color-mode":q.COLOR_MODE_LIGHT,role:"dialog","aria-label":a.INK_GRAPH_TITLE,style:{top:_.top,left:_.left},children:[t.jsx("div",{className:o.INK_CLASS_GRAPH_TYPES,children:s.GRAPH_KINDS.map(e=>t.jsx("button",{type:"button","aria-pressed":e===l,onMouseDown:u=>{u.preventDefault(),G(e)},children:s.GRAPH_KIND_LABELS[e]},e))}),t.jsx("div",{className:o.INK_CLASS_GRAPH_PREVIEW,dangerouslySetInnerHTML:{__html:p.buildGraphHtml(l,s.GRAPH_SAMPLE)}}),t.jsx("button",{type:"button",onMouseDown:e=>{e.preventDefault(),w(p.buildGraphHtml(l,s.GRAPH_SAMPLE)),i(!1)},children:a.INK_GRAPH_INSERT})]}),document.body):null]})};exports.GraphPicker=g;

package/dist/components/InkEditor/components/GraphPicker/GraphPicker.js

@@ -8,11 +8,12 @@ import { KEY_ESCAPE as y } from "../../../../constants/keyboard.const.js";
 import { INK_CLASS_STYLE_DD as g, INK_CLASS_STYLE_MENU as O, INK_CLASS_STYLE_MENU_PORTAL as k, INK_CLASS_STYLE_MENU_FORCED as Y, INK_CLASS_GRAPH_PANEL as U, INK_CLASS_GRAPH_TYPES as $, INK_CLASS_GRAPH_PREVIEW as B } from "../../../../constants/defaults.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
+import "../../../../utils/exportDocument.utils.js";
 import { GRAPH_KIND_DEFAULT as j, GRAPH_KINDS as z, GRAPH_KIND_LABELS as F, GRAPH_SAMPLE as P } from "../../../../plugins/graph/graph.const.js";
 import { buildGraphHtml as v } from "../../../../plugins/graph/graph.utils.js";
 import { getToolbarDropdownMenuPosition as x } from "../ToolbarDropdown/ToolbarDropdown.utils.js";
 import { ToolbarButton as V } from "../ToolbarButton/ToolbarButton.js";
-const me = (R) => {
+const de = (R) => {
   const { icon: I, disabled: d = !1, hint: w, onHint: K, pluginColor: T, onInsert: D } = R, [i, n] = l(!1), [s, H] = l(j), [a, C] = l({ top: A, left: A }), c = m(null), u = m(null), _ = m(null);
   return G(() => {
     if (!i) return;
@@ -94,5 +95,5 @@ const me = (R) => {
   ] });
 };
 export {
-  me as GraphPicker
+  de as GraphPicker
 };

package/dist/components/InkEditor/components/HtmlSourcePanel/HtmlSourcePanel.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("../../../../constants/generals.const.cjs"),i=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("react");require("react-dom");const c=e=>{const{value:r,onChange:t,disabled:a=!1,minHeight:n}=e,l=s=>{t(s.target.value)};return u.jsx("textarea",{className:i.INK_CLASS_SOURCE,"aria-label":o.INK_HTML_SOURCE_TITLE,value:r,disabled:a,spellCheck:!1,style:{minHeight:n},onChange:l})};exports.HtmlSourcePanel=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),i=require("../../../../constants/generals.const.cjs"),o=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 c=e=>{const{value:r,onChange:t,disabled:a=!1,minHeight:n}=e,l=s=>{t(s.target.value)};return u.jsx("textarea",{className:o.INK_CLASS_SOURCE,"aria-label":i.INK_HTML_SOURCE_TITLE,value:r,disabled:a,spellCheck:!1,style:{minHeight:n},onChange:l})};exports.HtmlSourcePanel=c;

package/dist/components/InkEditor/components/HtmlSourcePanel/HtmlSourcePanel.js

@@ -1,17 +1,18 @@
-import { jsx as n } from "react/jsx-runtime";
-import { INK_HTML_SOURCE_TITLE as m } from "../../../../constants/generals.const.js";
+import { jsx as m } from "react/jsx-runtime";
+import { INK_HTML_SOURCE_TITLE as n } from "../../../../constants/generals.const.js";
 import { INK_CLASS_SOURCE as i } 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 _ = (e) => {
+const d = (e) => {
   const { value: a, onChange: t, disabled: o = !1, minHeight: r } = e;
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ m(
     "textarea",
     {
       className: i,
-      "aria-label": m,
+      "aria-label": n,
       value: a,
       disabled: o,
       spellCheck: !1,
@@ -23,5 +24,5 @@ const _ = (e) => {
   );
 };
 export {
-  _ as HtmlSourcePanel
+  d as HtmlSourcePanel
 };

package/dist/components/InkEditor/components/ImageFrame/ImageFrame.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../utils/image.utils.cjs"),c=u=>{var i,r;const{image:a,onChange:l,onClose:s}=u,o=n=>{t.setImageAlign(a,n),l()};return e.jsxs("div",{className:"Ink-ImageFrame",role:"toolbar","aria-label":"Image",children:[e.jsxs("label",{children:["Width",e.jsx("input",{type:"range",min:t.IMAGE_WIDTH_MIN,max:t.IMAGE_WIDTH_MAX,defaultValue:a.clientWidth||t.IMAGE_WIDTH_DEFAULT,onChange:n=>{t.setImageWidth(a,Number(n.target.value)),l()}})]}),e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:()=>o(t.IMAGE_ALIGN_LEFT),children:"Left"}),e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:()=>o(t.IMAGE_ALIGN_CENTER),children:"Center"}),e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:()=>o(t.IMAGE_ALIGN_RIGHT),children:"Right"}),e.jsx("input",{"aria-label":"Alt text",defaultValue:a.alt,placeholder:"Alt text",onBlur:n=>{t.setImageAlt(a,n.target.value),l()}}),e.jsx("input",{"aria-label":"Caption",defaultValue:((r=(i=a.parentElement)==null?void 0:i.querySelector("figcaption"))==null?void 0:r.textContent)??"",placeholder:"Caption",onBlur:n=>{t.setImageCaption(a,n.target.value),l()}}),e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:s,children:"Done"})]})};exports.ImageFrame=c;

package/dist/components/InkEditor/components/ImageFrame/ImageFrame.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export interface ImageFrameProps {
+    image: HTMLImageElement;
+    onChange: () => void;
+    onClose: () => void;
+}
+export declare const ImageFrame: FC<ImageFrameProps>;
+//# sourceMappingURL=ImageFrame.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageFrame.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ImageFrame/ImageFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAehC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAqD1C,CAAC"}

package/dist/components/InkEditor/components/ImageFrame/ImageFrame.js

@@ -0,0 +1,54 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { IMAGE_WIDTH_DEFAULT as c, IMAGE_WIDTH_MAX as m, IMAGE_WIDTH_MIN as s, setImageWidth as p, setImageAlt as _, setImageCaption as d, setImageAlign as b, IMAGE_ALIGN_LEFT as g, IMAGE_ALIGN_CENTER as A, IMAGE_ALIGN_RIGHT as E } from "../../../../utils/image.utils.js";
+const N = (u) => {
+  var o, i;
+  const { image: t, onChange: n, onClose: I } = u, l = (e) => {
+    b(t, e), n();
+  };
+  return /* @__PURE__ */ r("div", { className: "Ink-ImageFrame", role: "toolbar", "aria-label": "Image", children: [
+    /* @__PURE__ */ r("label", { children: [
+      "Width",
+      /* @__PURE__ */ a(
+        "input",
+        {
+          type: "range",
+          min: s,
+          max: m,
+          defaultValue: t.clientWidth || c,
+          onChange: (e) => {
+            p(t, Number(e.target.value)), n();
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a("button", { type: "button", className: "Ink-Editor__button", onClick: () => l(g), children: "Left" }),
+    /* @__PURE__ */ a("button", { type: "button", className: "Ink-Editor__button", onClick: () => l(A), children: "Center" }),
+    /* @__PURE__ */ a("button", { type: "button", className: "Ink-Editor__button", onClick: () => l(E), children: "Right" }),
+    /* @__PURE__ */ a(
+      "input",
+      {
+        "aria-label": "Alt text",
+        defaultValue: t.alt,
+        placeholder: "Alt text",
+        onBlur: (e) => {
+          _(t, e.target.value), n();
+        }
+      }
+    ),
+    /* @__PURE__ */ a(
+      "input",
+      {
+        "aria-label": "Caption",
+        defaultValue: ((i = (o = t.parentElement) == null ? void 0 : o.querySelector("figcaption")) == null ? void 0 : i.textContent) ?? "",
+        placeholder: "Caption",
+        onBlur: (e) => {
+          d(t, e.target.value), n();
+        }
+      }
+    ),
+    /* @__PURE__ */ a("button", { type: "button", className: "Ink-Editor__button", onClick: I, children: "Done" })
+  ] });
+};
+export {
+  N as ImageFrame
+};

package/dist/components/InkEditor/components/ImageFrame/index.d.ts

@@ -0,0 +1,3 @@
+export { ImageFrame } from './ImageFrame';
+export type { ImageFrameProps } from './ImageFrame';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/InkEditor/components/ImageFrame/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ImageFrame/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/InkEditor/components/InlineToolbar/InlineToolbar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),a=require("react");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const E=require("../../../../common-components/Button/Button.cjs");require("react-dom");const I=require("./InlineToolbar.const.cjs"),d=R=>{const{open:A,top:B,left:C,icons:e,activeFormats:L,disabled:O=!1,onFormat:u,onLink:c,onClose:o}=R,r=a.useRef(null);if(a.useEffect(()=>{if(!A)return;const N=l=>{var t;const i=l.target;if(!(i instanceof Node)){o();return}(t=r.current)!=null&&t.contains(i)||o()},s=l=>{l.key===I.INLINE_TOOLBAR_KEY_ESCAPE&&o()};return window.addEventListener(I.INLINE_TOOLBAR_EVENT_POINTER_DOWN,N),window.addEventListener(I.INLINE_TOOLBAR_EVENT_KEY_DOWN,s),()=>{window.removeEventListener(I.INLINE_TOOLBAR_EVENT_POINTER_DOWN,N),window.removeEventListener(I.INLINE_TOOLBAR_EVENT_KEY_DOWN,s)}},[A,o]),!A)return null;const n=N=>{N.preventDefault()},T=N=>{u(N)};return _.jsxs("div",{ref:r,className:I.INLINE_TOOLBAR_CLASS,role:I.INLINE_TOOLBAR_ROLE,"aria-label":I.INLINE_TOOLBAR_ARIA_LABEL,style:{top:B,left:C},onPointerDown:N=>N.stopPropagation(),children:[_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_BOLD,"aria-label":I.INLINE_TOOLBAR_TITLE_BOLD,"aria-pressed":L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_BOLD),active:L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_BOLD),disabled:O,onMouseDown:n,onClick:()=>T(I.INLINE_TOOLBAR_ACTION_BOLD),children:e.bold}),_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_ITALIC,"aria-label":I.INLINE_TOOLBAR_TITLE_ITALIC,"aria-pressed":L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_ITALIC),active:L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_ITALIC),disabled:O,onMouseDown:n,onClick:()=>T(I.INLINE_TOOLBAR_ACTION_ITALIC),children:e.italic}),_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_UNDERLINE,"aria-label":I.INLINE_TOOLBAR_TITLE_UNDERLINE,"aria-pressed":L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_UNDERLINE),active:L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_UNDERLINE),disabled:O,onMouseDown:n,onClick:()=>T(I.INLINE_TOOLBAR_ACTION_UNDERLINE),children:e.underline}),_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_CODE,"aria-label":I.INLINE_TOOLBAR_TITLE_CODE,"aria-pressed":L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_CODE),active:L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_CODE),disabled:O,onMouseDown:n,onClick:()=>T(I.INLINE_TOOLBAR_ACTION_CODE),children:e.code}),_.jsx("span",{className:I.INLINE_TOOLBAR_DIVIDER_CLASS,"aria-hidden":"true"}),_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_LINK,"aria-label":I.INLINE_TOOLBAR_TITLE_LINK,disabled:O,"data-action":I.INLINE_TOOLBAR_LINK_ID,onMouseDown:n,onClick:c,children:e.link}),_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_CLEAR,"aria-label":I.INLINE_TOOLBAR_TITLE_CLEAR,disabled:O,onMouseDown:n,onClick:()=>T(I.INLINE_TOOLBAR_ACTION_CLEAR),children:e.clearFormat})]})};exports.InlineToolbar=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),a=require("react");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");const E=require("../../../../common-components/Button/Button.cjs");require("react-dom");const I=require("./InlineToolbar.const.cjs"),d=R=>{const{open:A,top:B,left:C,icons:e,activeFormats:L,disabled:O=!1,onFormat:u,onLink:c,onClose:o}=R,r=a.useRef(null);if(a.useEffect(()=>{if(!A)return;const N=l=>{var t;const i=l.target;if(!(i instanceof Node)){o();return}(t=r.current)!=null&&t.contains(i)||o()},s=l=>{l.key===I.INLINE_TOOLBAR_KEY_ESCAPE&&o()};return window.addEventListener(I.INLINE_TOOLBAR_EVENT_POINTER_DOWN,N),window.addEventListener(I.INLINE_TOOLBAR_EVENT_KEY_DOWN,s),()=>{window.removeEventListener(I.INLINE_TOOLBAR_EVENT_POINTER_DOWN,N),window.removeEventListener(I.INLINE_TOOLBAR_EVENT_KEY_DOWN,s)}},[A,o]),!A)return null;const n=N=>{N.preventDefault()},T=N=>{u(N)};return _.jsxs("div",{ref:r,className:I.INLINE_TOOLBAR_CLASS,role:I.INLINE_TOOLBAR_ROLE,"aria-label":I.INLINE_TOOLBAR_ARIA_LABEL,style:{top:B,left:C},onPointerDown:N=>N.stopPropagation(),children:[_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_BOLD,"aria-label":I.INLINE_TOOLBAR_TITLE_BOLD,"aria-pressed":L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_BOLD),active:L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_BOLD),disabled:O,onMouseDown:n,onClick:()=>T(I.INLINE_TOOLBAR_ACTION_BOLD),children:e.bold}),_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_ITALIC,"aria-label":I.INLINE_TOOLBAR_TITLE_ITALIC,"aria-pressed":L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_ITALIC),active:L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_ITALIC),disabled:O,onMouseDown:n,onClick:()=>T(I.INLINE_TOOLBAR_ACTION_ITALIC),children:e.italic}),_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_UNDERLINE,"aria-label":I.INLINE_TOOLBAR_TITLE_UNDERLINE,"aria-pressed":L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_UNDERLINE),active:L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_UNDERLINE),disabled:O,onMouseDown:n,onClick:()=>T(I.INLINE_TOOLBAR_ACTION_UNDERLINE),children:e.underline}),_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_CODE,"aria-label":I.INLINE_TOOLBAR_TITLE_CODE,"aria-pressed":L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_CODE),active:L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_CODE),disabled:O,onMouseDown:n,onClick:()=>T(I.INLINE_TOOLBAR_ACTION_CODE),children:e.code}),_.jsx("span",{className:I.INLINE_TOOLBAR_DIVIDER_CLASS,"aria-hidden":"true"}),_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_LINK,"aria-label":I.INLINE_TOOLBAR_TITLE_LINK,disabled:O,"data-action":I.INLINE_TOOLBAR_LINK_ID,onMouseDown:n,onClick:c,children:e.link}),_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_CLEAR,"aria-label":I.INLINE_TOOLBAR_TITLE_CLEAR,disabled:O,onMouseDown:n,onClick:()=>T(I.INLINE_TOOLBAR_ACTION_CLEAR),children:e.clearFormat})]})};exports.InlineToolbar=d;

package/dist/components/InkEditor/components/InlineToolbar/InlineToolbar.js

@@ -2,14 +2,15 @@ import { jsxs as K, jsx as o } from "react/jsx-runtime";
 import { useRef as P, useEffect as g } from "react";
 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-dom";
-import { INLINE_TOOLBAR_EVENT_POINTER_DOWN as B, INLINE_TOOLBAR_EVENT_KEY_DOWN as u, INLINE_TOOLBAR_ARIA_LABEL as x, INLINE_TOOLBAR_ROLE as y, INLINE_TOOLBAR_CLASS as V, INLINE_TOOLBAR_TITLE_BOLD as C, INLINE_TOOLBAR_ITEM_CLASS as _, INLINE_TOOLBAR_ACTION_BOLD as E, INLINE_TOOLBAR_TITLE_ITALIC as D, INLINE_TOOLBAR_ACTION_ITALIC as s, INLINE_TOOLBAR_TITLE_UNDERLINE as p, INLINE_TOOLBAR_ACTION_UNDERLINE as t, INLINE_TOOLBAR_TITLE_CODE as f, INLINE_TOOLBAR_ACTION_CODE as T, INLINE_TOOLBAR_DIVIDER_CLASS as j, INLINE_TOOLBAR_LINK_ID as U, INLINE_TOOLBAR_TITLE_LINK as h, INLINE_TOOLBAR_TITLE_CLEAR as w, INLINE_TOOLBAR_KEY_ESCAPE as W, INLINE_TOOLBAR_ACTION_CLEAR as Y } from "./InlineToolbar.const.js";
-const Z = (b) => {
+import { INLINE_TOOLBAR_EVENT_POINTER_DOWN as B, INLINE_TOOLBAR_EVENT_KEY_DOWN as u, INLINE_TOOLBAR_ARIA_LABEL as x, INLINE_TOOLBAR_ROLE as y, INLINE_TOOLBAR_CLASS as V, INLINE_TOOLBAR_TITLE_BOLD as C, INLINE_TOOLBAR_ITEM_CLASS as _, INLINE_TOOLBAR_ACTION_BOLD as E, INLINE_TOOLBAR_TITLE_ITALIC as p, INLINE_TOOLBAR_ACTION_ITALIC as s, INLINE_TOOLBAR_TITLE_UNDERLINE as D, INLINE_TOOLBAR_ACTION_UNDERLINE as t, INLINE_TOOLBAR_TITLE_CODE as f, INLINE_TOOLBAR_ACTION_CODE as T, INLINE_TOOLBAR_DIVIDER_CLASS as j, INLINE_TOOLBAR_LINK_ID as U, INLINE_TOOLBAR_TITLE_LINK as h, INLINE_TOOLBAR_TITLE_CLEAR as w, INLINE_TOOLBAR_KEY_ESCAPE as W, INLINE_TOOLBAR_ACTION_CLEAR as Y } from "./InlineToolbar.const.js";
+const $ = (b) => {
   const {
     open: O,
-    top: k,
-    left: m,
+    top: m,
+    left: k,
     icons: L,
     activeFormats: e,
     disabled: I = !1,
@@ -46,7 +47,7 @@ const Z = (b) => {
       className: V,
       role: y,
       "aria-label": x,
-      style: { top: k, left: m },
+      style: { top: m, left: k },
       onPointerDown: (n) => n.stopPropagation(),
       children: [
         /* @__PURE__ */ o(
@@ -67,8 +68,8 @@ const Z = (b) => {
           l,
           {
             className: _,
-            title: D,
-            "aria-label": D,
+            title: p,
+            "aria-label": p,
             "aria-pressed": e == null ? void 0 : e.has(s),
             active: e == null ? void 0 : e.has(s),
             disabled: I,
@@ -81,8 +82,8 @@ const Z = (b) => {
           l,
           {
             className: _,
-            title: p,
-            "aria-label": p,
+            title: D,
+            "aria-label": D,
             "aria-pressed": e == null ? void 0 : e.has(t),
             active: e == null ? void 0 : e.has(t),
             disabled: I,
@@ -136,5 +137,5 @@ const Z = (b) => {
   );
 };
 export {
-  Z as InlineToolbar
+  $ as InlineToolbar
 };

package/dist/components/InkEditor/components/MentionMenu/MentionMenu.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=o=>{const{open:l,top:i,left:s,people:n,onSelect:u}=o;return!l||n.length===0?null:t.jsx("div",{className:"Ink-Mentions",style:{top:i,left:s},role:"listbox","aria-label":"Mention someone",children:n.map(e=>t.jsxs("button",{type:"button",className:"Ink-Mentions__item",onMouseDown:r=>r.preventDefault(),onClick:()=>u(e),children:["@",e.label]},e.id))})};exports.MentionMenu=a;

package/dist/components/InkEditor/components/MentionMenu/MentionMenu.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+export interface MentionMenuProps {
+    open: boolean;
+    top: number;
+    left: number;
+    people: Array<{
+        id: string;
+        label: string;
+    }>;
+    onSelect: (person: {
+        id: string;
+        label: string;
+    }) => void;
+}
+export declare const MentionMenu: FC<MentionMenuProps>;
+//# sourceMappingURL=MentionMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MentionMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/MentionMenu/MentionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC3D;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAkB5C,CAAC"}

package/dist/components/InkEditor/components/MentionMenu/MentionMenu.js

@@ -0,0 +1,21 @@
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+const m = (t) => {
+  const { open: o, top: l, left: i, people: n, onSelect: s } = t;
+  return !o || n.length === 0 ? null : /* @__PURE__ */ r("div", { className: "Ink-Mentions", style: { top: l, left: i }, role: "listbox", "aria-label": "Mention someone", children: n.map((e) => /* @__PURE__ */ c(
+    "button",
+    {
+      type: "button",
+      className: "Ink-Mentions__item",
+      onMouseDown: (a) => a.preventDefault(),
+      onClick: () => s(e),
+      children: [
+        "@",
+        e.label
+      ]
+    },
+    e.id
+  )) });
+};
+export {
+  m as MentionMenu
+};

package/dist/components/InkEditor/components/MentionMenu/index.d.ts

@@ -0,0 +1,3 @@
+export { MentionMenu } from './MentionMenu';
+export type { MentionMenuProps } from './MentionMenu';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/InkEditor/components/MentionMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/MentionMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/InkEditor/components/OutlineRail/OutlineRail.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("../../../../constants/numbers.cjs"),e=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("react");require("react-dom");const L=t=>{const{items:_,activeIndex:I,onSelect:r,onHide:l}=t;return s.jsxs("aside",{className:e.INK_CLASS_OUTLINE,"aria-label":e.INK_OUTLINE_LABEL,children:[s.jsxs("div",{className:e.INK_CLASS_OUTLINE_LABEL,children:[e.INK_OUTLINE_LABEL,l?s.jsx("button",{type:"button",className:e.INK_CLASS_OUTLINE_TOGGLE,onClick:l,children:e.INK_OUTLINE_HIDE}):null]}),_.length===i.NUMBER_ZERO?s.jsx("p",{className:e.INK_CLASS_OUTLINE_ITEM,children:e.INK_OUTLINE_EMPTY}):null,_.map(n=>{const N=n.index===I;return s.jsxs("button",{type:"button",className:`${e.INK_CLASS_OUTLINE_ITEM} ${e.INK_CLASS_OUTLINE_ITEM}--h${n.level}${N?` ${e.INK_CLASS_OUTLINE_ITEM_ACTIVE}`:""}`,onClick:()=>r(n.index),children:[s.jsx("span",{className:`${e.INK_CLASS_OUTLINE_ITEM}-dot`,"aria-hidden":"true"}),n.text]},`${n.level}-${n.index}`)})]})};exports.OutlineRail=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),N=require("../../../../constants/numbers.cjs"),e=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 L=r=>{const{items:_,activeIndex:t,onSelect:I,onHide:l}=r;return s.jsxs("aside",{className:e.INK_CLASS_OUTLINE,"aria-label":e.INK_OUTLINE_LABEL,children:[s.jsxs("div",{className:e.INK_CLASS_OUTLINE_LABEL,children:[e.INK_OUTLINE_LABEL,l?s.jsx("button",{type:"button",className:e.INK_CLASS_OUTLINE_TOGGLE,onClick:l,children:e.INK_OUTLINE_HIDE}):null]}),_.length===N.NUMBER_ZERO?s.jsx("p",{className:e.INK_CLASS_OUTLINE_ITEM,children:e.INK_OUTLINE_EMPTY}):null,_.map(n=>{const i=n.index===t;return s.jsxs("button",{type:"button",className:`${e.INK_CLASS_OUTLINE_ITEM} ${e.INK_CLASS_OUTLINE_ITEM}--h${n.level}${i?` ${e.INK_CLASS_OUTLINE_ITEM_ACTIVE}`:""}`,onClick:()=>I(n.index),children:[s.jsx("span",{className:`${e.INK_CLASS_OUTLINE_ITEM}-dot`,"aria-hidden":"true"}),n.text]},`${n.level}-${n.index}`)})]})};exports.OutlineRail=L;

package/dist/components/InkEditor/components/OutlineRail/OutlineRail.js

@@ -1,28 +1,29 @@
-import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
 import { NUMBER_ZERO as I } from "../../../../constants/numbers.js";
-import { INK_OUTLINE_LABEL as r, INK_CLASS_OUTLINE as c, INK_CLASS_OUTLINE_LABEL as E, INK_OUTLINE_HIDE as L, INK_CLASS_OUTLINE_TOGGLE as d, INK_OUTLINE_EMPTY as m, INK_CLASS_OUTLINE_ITEM as n, INK_CLASS_OUTLINE_ITEM_ACTIVE as p } from "../../../../constants/defaults.const.js";
+import { INK_OUTLINE_LABEL as r, INK_CLASS_OUTLINE as c, INK_CLASS_OUTLINE_LABEL as E, INK_OUTLINE_HIDE as L, INK_CLASS_OUTLINE_TOGGLE as d, INK_OUTLINE_EMPTY as m, INK_CLASS_OUTLINE_ITEM as t, INK_CLASS_OUTLINE_ITEM_ACTIVE 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 x = (N) => {
+const C = (N) => {
   const { items: i, activeIndex: a, onSelect: s, onHide: o } = N;
-  return /* @__PURE__ */ t("aside", { className: c, "aria-label": r, children: [
-    /* @__PURE__ */ t("div", { className: E, children: [
+  return /* @__PURE__ */ n("aside", { className: c, "aria-label": r, children: [
+    /* @__PURE__ */ n("div", { className: E, children: [
       r,
       o ? /* @__PURE__ */ l("button", { type: "button", className: d, onClick: o, children: L }) : null
     ] }),
-    i.length === I ? /* @__PURE__ */ l("p", { className: n, children: m }) : null,
+    i.length === I ? /* @__PURE__ */ l("p", { className: t, children: m }) : null,
     i.map((e) => {
       const _ = e.index === a;
-      return /* @__PURE__ */ t(
+      return /* @__PURE__ */ n(
         "button",
         {
           type: "button",
-          className: `${n} ${n}--h${e.level}${_ ? ` ${p}` : ""}`,
+          className: `${t} ${t}--h${e.level}${_ ? ` ${p}` : ""}`,
           onClick: () => s(e.index),
           children: [
-            /* @__PURE__ */ l("span", { className: `${n}-dot`, "aria-hidden": "true" }),
+            /* @__PURE__ */ l("span", { className: `${t}-dot`, "aria-hidden": "true" }),
             e.text
           ]
         },
@@ -32,5 +33,5 @@ const x = (N) => {
   ] });
 };
 export {
-  x as OutlineRail
+  C as OutlineRail
 };

package/dist/components/InkEditor/components/PresenceStack/PresenceStack.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("./PresenceStack.const.cjs"),t=require("../../../../constants/numbers.cjs"),c=require("../../../../constants/generals.const.cjs");require("../../../../constants/openai.const.cjs");const o=require("../../../../utils/cn.utils.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");const S=require("../../../../utils/collab.utils.cjs"),A=require("../../../../common-components/Button/Button.cjs");require("react");require("react-dom");const E=require("../../../../constants/collab.const.cjs"),k=n=>n.avatarUrl?s.jsx("img",{src:n.avatarUrl,alt:n.name,className:"ink-presence-avatar-img"}):s.jsx("span",{className:"ink-presence-initials",children:S.getCollaboratorInitials(n.name)}),v=n=>{const{collaborators:i,maxAvatars:u=a.INK_PRESENCE_DEFAULT_MAX_AVATARS,onFollow:l,className:N=c.EMPTY_STRING}=n;if(!i||i.length===t.NUMBER_ZERO)return null;const R=i.slice(t.NUMBER_ZERO,u),r=Math.max(t.NUMBER_ZERO,i.length-u);return s.jsx("div",{className:o.cn("ink-presence-stack",N),role:"region","aria-label":a.COLLAB_ARIA_REGION,children:s.jsxs("div",{className:"ink-presence-avatars",children:[R.map(e=>{const _=e.status===E.INK_STATUS_IDLE,m=e.role||E.INK_ROLE_EDITOR,d=_?a.IDLE_LABEL_SUFFIX:c.EMPTY_STRING,I=`${e.name} (${m})${d}`;return s.jsxs(A.Button,{type:"button",className:"ink-presence-avatar-btn",style:{backgroundColor:e.color},title:I,onClick:()=>l==null?void 0:l(e),"aria-label":`${a.COLLAB_ARIA_LABEL_PREFIX}${e.name}`,children:[k(e),s.jsx("span",{className:o.cn("ink-presence-status-dot",_?"ink-presence-idle":"ink-presence-active")})]},e.id)}),r>t.NUMBER_ZERO&&s.jsxs("div",{className:"ink-presence-avatar-overflow",title:`${r} more collaborator${r>t.NUMBER_ONE?"s":c.EMPTY_STRING}`,"aria-label":`${r} more collaborator${r>t.NUMBER_ONE?"s":c.EMPTY_STRING}`,children:[a.PLUS_SIGN,r]})]})})};exports.PresenceStack=v;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../../../../constants/numbers.cjs"),_=A.NUMBER_FOUR,L="+",E=" - Idle",I="Active collaborators",o="Collaborator ";exports.COLLAB_ARIA_LABEL_PREFIX=o;exports.COLLAB_ARIA_REGION=I;exports.IDLE_LABEL_SUFFIX=E;exports.INK_PRESENCE_DEFAULT_MAX_AVATARS=_;exports.PLUS_SIGN=L;

package/dist/components/InkEditor/components/PresenceStack/PresenceStack.const.d.ts

@@ -0,0 +1,7 @@
+export declare const INK_PRESENCE_DEFAULT_MAX_AVATARS = 4;
+export declare const PLUS_SIGN = "+";
+export declare const DEFAULT_INITIAL = "?";
+export declare const IDLE_LABEL_SUFFIX = " - Idle";
+export declare const COLLAB_ARIA_REGION = "Active collaborators";
+export declare const COLLAB_ARIA_LABEL_PREFIX = "Collaborator ";
+//# sourceMappingURL=PresenceStack.const.d.ts.map

package/dist/components/InkEditor/components/PresenceStack/PresenceStack.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceStack.const.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/PresenceStack/PresenceStack.const.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gCAAgC,IAAc,CAAC;AAC5D,eAAO,MAAM,SAAS,MAAM,CAAC;AAC7B,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,iBAAiB,YAAY,CAAC;AAC3C,eAAO,MAAM,kBAAkB,yBAAyB,CAAC;AACzD,eAAO,MAAM,wBAAwB,kBAAkB,CAAC"}

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

@@ -0,0 +1,9 @@
+import { NUMBER_FOUR as o } from "../../../../constants/numbers.js";
+const _ = o, L = "+", t = " - Idle", E = "Active collaborators", I = "Collaborator ";
+export {
+  I as COLLAB_ARIA_LABEL_PREFIX,
+  E as COLLAB_ARIA_REGION,
+  t as IDLE_LABEL_SUFFIX,
+  _ as INK_PRESENCE_DEFAULT_MAX_AVATARS,
+  L as PLUS_SIGN
+};

package/dist/components/InkEditor/components/PresenceStack/PresenceStack.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PresenceStackProps } from './PresenceStack.types';
+export declare const PresenceStack: React.FC<PresenceStackProps>;
+//# sourceMappingURL=PresenceStack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceStack.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/PresenceStack/PresenceStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAoChE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8DtD,CAAC"}