@forgedevstack/ink 1.1.8 → 1.1.9

package/dist/components/InkEditor/components/ExcelSheetPanel/ExcelSheetPanel.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),E=require("react"),B=require("react-dom"),s=require("../../../../constants/numbers.cjs"),a=require("../../../../constants/generals.const.cjs"),P=require("../../../../constants/colorMode.const.cjs"),G=require("../../../../constants/keyboard.const.cjs"),o=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const l=require("../../../../plugins/excel/excel.utils.cjs"),V=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),k=require("../ToolbarButton/ToolbarButton.cjs"),F=X=>{var h;const{icon:D,disabled:p=!1,hint:I,onHint:w,pluginColor:g,onInsert:x}=X,[S,L]=E.useState(!1),[r,i]=E.useState(l.createEmptyExcelGrid),[v,R]=E.useState(null),[O,m]=E.useState(null),[M,j]=E.useState({top:s.NUMBER_ZERO,left:s.NUMBER_ZERO}),T=E.useRef(null),A=E.useRef(null),f=E.useRef(null),K=E.useRef(null),N=((h=r[s.NUMBER_ZERO])==null?void 0:h.length)??s.NUMBER_ONE,y=r.length<s.INK_EXCEL_SHEET_MAX_ROWS,$=N<s.INK_EXCEL_SHEET_MAX_COLS,H=r.length>s.NUMBER_ONE,U=N>s.NUMBER_ONE;E.useEffect(()=>{if(!S)return;const e=()=>{var C;const c=(C=f.current)==null?void 0:C.getBoundingClientRect().height,d=V.getToolbarDropdownMenuPosition(A.current,c&&c>s.NUMBER_ZERO?c:s.INK_EXCEL_MENU_ESTIMATED_HEIGHT_PX);j({top:d.top,left:d.left})};e();const t=window.requestAnimationFrame(e),u=c=>{var C,b;const d=c.target;(C=T.current)!=null&&C.contains(d)||(b=f.current)!=null&&b.contains(d)||L(!1)},_=c=>{c.key===G.KEY_ESCAPE&&L(!1)};return document.addEventListener("mousedown",u),document.addEventListener("keydown",_),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.cancelAnimationFrame(t),document.removeEventListener("mousedown",u),document.removeEventListener("keydown",_),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[S,r.length,N]);const q=e=>{var _;const t=(_=e.target.files)==null?void 0:_[s.NUMBER_ZERO];if(!t)return;const u=new FileReader;u.onload=()=>{i(l.parseCsvText(String(u.result)))},u.readAsText(t)};return n.jsxs("div",{className:o.INK_CLASS_STYLE_DD,ref:T,children:[n.jsx("div",{ref:A,children:n.jsx(k.ToolbarButton,{icon:D,title:a.INK_EXCEL_TITLE,hint:I,onHint:w,pluginColor:g,disabled:p,onClick:()=>{p||(i(l.createEmptyExcelGrid()),L(e=>!e))}})}),S?B.createPortal(n.jsxs("div",{ref:f,className:`${o.INK_CLASS_STYLE_MENU} ${o.INK_CLASS_STYLE_MENU_PORTAL} ${o.INK_CLASS_STYLE_MENU_FORCED} ${o.INK_CLASS_EXCEL_PANEL}`,"data-color-mode":P.COLOR_MODE_LIGHT,role:"dialog","aria-label":a.INK_EXCEL_TITLE,style:{top:M.top,left:M.left},children:[n.jsx("div",{className:o.INK_CLASS_EXCEL_TITLE,children:a.INK_EXCEL_TITLE}),n.jsxs("div",{className:o.INK_CLASS_EXCEL_GRID,style:{gridTemplateColumns:`2rem repeat(${N}, minmax(0, 1fr))`},onMouseLeave:()=>{R(null),m(null)},children:[n.jsx("span",{className:o.INK_CLASS_EXCEL_CORNER}),(r[s.NUMBER_ZERO]??[]).map((e,t)=>n.jsx("span",{className:`${o.INK_CLASS_EXCEL_HEAD}${v===t?` ${o.INK_CLASS_EXCEL_COL_HOVER}`:""}`,onMouseEnter:()=>R(t),children:o.EXCEL_COL_LETTERS[t]??t+s.NUMBER_ONE},`h-${t}`)),r.map((e,t)=>n.jsxs(E.Fragment,{children:[n.jsx("span",{className:`${o.INK_CLASS_EXCEL_HEAD}${O===t?` ${o.INK_CLASS_EXCEL_ROW_HOVER}`:""}`,onMouseEnter:()=>m(t),children:t+s.NUMBER_ONE}),e.map((u,_)=>n.jsx("input",{className:`${o.INK_CLASS_EXCEL_CELL}${v===_?` ${o.INK_CLASS_EXCEL_COL_HOVER}`:""}${O===t?` ${o.INK_CLASS_EXCEL_ROW_HOVER}`:""}`,value:u,onMouseEnter:()=>{R(_),m(t)},onChange:c=>i(l.setExcelCell(r,t,_,c.target.value))},`${t}-${_}`))]},`row-${t}`))]}),n.jsxs("div",{className:o.INK_CLASS_EXCEL_ACTIONS,children:[n.jsx("button",{type:"button",disabled:!y,onMouseDown:e=>{e.preventDefault(),i(l.addExcelRow(r))},children:a.INK_EXCEL_ADD_ROW}),n.jsx("button",{type:"button",disabled:!$,onMouseDown:e=>{e.preventDefault(),i(l.addExcelCol(r))},children:a.INK_EXCEL_ADD_COL}),n.jsx("button",{type:"button",disabled:!H,onMouseDown:e=>{e.preventDefault(),i(l.removeExcelRow(r))},children:a.INK_EXCEL_REMOVE_ROW}),n.jsx("button",{type:"button",disabled:!U,onMouseDown:e=>{e.preventDefault(),i(l.removeExcelCol(r))},children:a.INK_EXCEL_REMOVE_COL}),n.jsx("button",{type:"button",onMouseDown:e=>{e.preventDefault(),i(l.clearExcelGrid(r))},children:a.INK_EXCEL_CLEAR}),n.jsx("button",{type:"button",onMouseDown:e=>{var t;e.preventDefault(),(t=K.current)==null||t.click()},children:a.INK_EXCEL_IMPORT}),n.jsx("button",{type:"button",className:o.INK_CLASS_EXCEL_INSERT,onMouseDown:e=>{e.preventDefault(),x(l.excelGridToTableHtml(r)),L(!1)},children:a.INK_EXCEL_INSERT})]}),n.jsx("input",{ref:K,type:"file",accept:l.CSV_ACCEPT,hidden:!0,onChange:q})]}),document.body):null]})};exports.ExcelSheetPanel=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),E=require("react"),B=require("react-dom"),s=require("../../../../constants/numbers.cjs"),c=require("../../../../constants/generals.const.cjs"),P=require("../../../../constants/colorMode.const.cjs"),G=require("../../../../constants/keyboard.const.cjs"),o=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const u=require("../../../../plugins/excel/excel.utils.cjs"),V=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),k=require("../ToolbarButton/ToolbarButton.cjs"),F=X=>{var b;const{icon:D,disabled:O=!1,hint:w,onHint:g,pluginColor:I,onInsert:j}=X,[M,R]=E.useState(!1),[r,i]=E.useState(u.createEmptyExcelGrid),[S,d]=E.useState(null),[m,N]=E.useState(null),[T,y]=E.useState({top:s.NUMBER_ZERO,left:s.NUMBER_ZERO}),A=E.useRef(null),K=E.useRef(null),p=E.useRef(null),h=E.useRef(null),v=((b=r[s.NUMBER_ZERO])==null?void 0:b.length)??s.NUMBER_ONE,$=r.length<s.INK_EXCEL_SHEET_MAX_ROWS,x=v<s.INK_EXCEL_SHEET_MAX_COLS,H=r.length>s.NUMBER_ONE,U=v>s.NUMBER_ONE;E.useEffect(()=>{if(!M)return;const e=()=>{var L;const l=(L=p.current)==null?void 0:L.getBoundingClientRect().height,C=V.getToolbarDropdownMenuPosition(K.current,l&&l>s.NUMBER_ZERO?l:s.INK_EXCEL_MENU_ESTIMATED_HEIGHT_PX);y({top:C.top,left:C.left})};e();const t=window.requestAnimationFrame(e),_=l=>{var L,f;const C=l.target;(L=A.current)!=null&&L.contains(C)||(f=p.current)!=null&&f.contains(C)||R(!1)},a=l=>{l.key===G.KEY_ESCAPE&&R(!1)};return document.addEventListener("mousedown",_),document.addEventListener("keydown",a),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.cancelAnimationFrame(t),document.removeEventListener("mousedown",_),document.removeEventListener("keydown",a),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[M,r.length,v]);const q=e=>{var a;const t=(a=e.target.files)==null?void 0:a[s.NUMBER_ZERO];if(!t)return;const _=new FileReader;_.onload=()=>{i(u.parseCsvText(String(_.result)))},_.readAsText(t)};return n.jsxs("div",{className:o.INK_CLASS_STYLE_DD,ref:A,children:[n.jsx("div",{ref:K,children:n.jsx(k.ToolbarButton,{icon:D,title:c.INK_EXCEL_TITLE,hint:w,onHint:g,pluginColor:I,disabled:O,onClick:()=>{O||(i(u.createEmptyExcelGrid()),R(e=>!e))}})}),M?B.createPortal(n.jsxs("div",{ref:p,className:`${o.INK_CLASS_STYLE_MENU} ${o.INK_CLASS_STYLE_MENU_PORTAL} ${o.INK_CLASS_STYLE_MENU_FORCED} ${o.INK_CLASS_EXCEL_PANEL}`,"data-color-mode":P.COLOR_MODE_LIGHT,role:"dialog","aria-label":c.INK_EXCEL_TITLE,style:{top:T.top,left:T.left},children:[n.jsx("div",{className:o.INK_CLASS_EXCEL_TITLE,children:c.INK_EXCEL_TITLE}),n.jsxs("div",{className:o.INK_CLASS_EXCEL_GRID,style:{gridTemplateColumns:`2rem repeat(${v}, minmax(0, 1fr))`},onMouseLeave:()=>{d(null),N(null)},children:[n.jsx("span",{className:o.INK_CLASS_EXCEL_CORNER}),(r[s.NUMBER_ZERO]??[]).map((e,t)=>{const _=S!==null&&t<=S;return n.jsx("span",{className:`${o.INK_CLASS_EXCEL_HEAD}${_?` ${o.INK_CLASS_EXCEL_COL_HOVER}`:""}`,onMouseEnter:()=>d(t),onMouseMove:()=>d(t),children:o.EXCEL_COL_LETTERS[t]??t+s.NUMBER_ONE},`h-${t}`)}),r.map((e,t)=>{const _=m!==null&&t<=m;return n.jsxs(E.Fragment,{children:[n.jsx("span",{className:`${o.INK_CLASS_EXCEL_HEAD}${_?` ${o.INK_CLASS_EXCEL_ROW_HOVER}`:""}`,onMouseEnter:()=>N(t),onMouseMove:()=>N(t),children:t+s.NUMBER_ONE}),e.map((a,l)=>{const C=S!==null&&l<=S,L=m!==null&&t<=m;return n.jsx("input",{className:`${o.INK_CLASS_EXCEL_CELL}${C?` ${o.INK_CLASS_EXCEL_COL_HOVER}`:""}${L?` ${o.INK_CLASS_EXCEL_ROW_HOVER}`:""}`,value:a,onMouseEnter:()=>{d(l),N(t)},onMouseMove:()=>{d(l),N(t)},onChange:f=>i(u.setExcelCell(r,t,l,f.target.value))},`${t}-${l}`)})]},`row-${t}`)})]}),n.jsxs("div",{className:o.INK_CLASS_EXCEL_ACTIONS,children:[n.jsx("button",{type:"button",disabled:!$,onMouseDown:e=>{e.preventDefault(),i(u.addExcelRow(r))},children:c.INK_EXCEL_ADD_ROW}),n.jsx("button",{type:"button",disabled:!x,onMouseDown:e=>{e.preventDefault(),i(u.addExcelCol(r))},children:c.INK_EXCEL_ADD_COL}),n.jsx("button",{type:"button",disabled:!H,onMouseDown:e=>{e.preventDefault(),i(u.removeExcelRow(r))},children:c.INK_EXCEL_REMOVE_ROW}),n.jsx("button",{type:"button",disabled:!U,onMouseDown:e=>{e.preventDefault(),i(u.removeExcelCol(r))},children:c.INK_EXCEL_REMOVE_COL}),n.jsx("button",{type:"button",onMouseDown:e=>{e.preventDefault(),i(u.clearExcelGrid(r))},children:c.INK_EXCEL_CLEAR}),n.jsx("button",{type:"button",onMouseDown:e=>{var t;e.preventDefault(),(t=h.current)==null||t.click()},children:c.INK_EXCEL_IMPORT}),n.jsx("button",{type:"button",className:o.INK_CLASS_EXCEL_INSERT,onMouseDown:e=>{e.preventDefault(),j(u.excelGridToTableHtml(r)),R(!1)},children:c.INK_EXCEL_INSERT})]}),n.jsx("input",{ref:h,type:"file",accept:u.CSV_ACCEPT,hidden:!0,onChange:q})]}),document.body):null]})};exports.ExcelSheetPanel=F;

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

@@ -1 +1 @@
-{"version":3,"file":"ExcelSheetPanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ExcelSheetPanel/ExcelSheetPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2D,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAgDzF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAmNpD,CAAC"}
+{"version":3,"file":"ExcelSheetPanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ExcelSheetPanel/ExcelSheetPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2D,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAgDzF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAmOpD,CAAC"}

package/dist/components/InkEditor/components/ExcelSheetPanel/ExcelSheetPanel.js

@@ -1,124 +1,138 @@
-import { jsxs as _, jsx as n } from "react/jsx-runtime";
-import { useState as u, useRef as L, useEffect as j, Fragment as x } from "react";
-import { createPortal as z } from "react-dom";
-import { NUMBER_ZERO as i, NUMBER_ONE as d, INK_EXCEL_SHEET_MAX_ROWS as q, INK_EXCEL_SHEET_MAX_COLS as Z, INK_EXCEL_MENU_ESTIMATED_HEIGHT_PX as J } from "../../../../constants/numbers.js";
-import { INK_EXCEL_TITLE as v, INK_EXCEL_ADD_ROW as Q, INK_EXCEL_ADD_COL as ee, INK_EXCEL_REMOVE_ROW as te, INK_EXCEL_REMOVE_COL as ne, INK_EXCEL_CLEAR as oe, INK_EXCEL_IMPORT as re, INK_EXCEL_INSERT as le } from "../../../../constants/generals.const.js";
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { useState as C, useRef as v, useEffect as j, Fragment as z } from "react";
+import { createPortal as q } from "react-dom";
+import { NUMBER_ZERO as c, NUMBER_ONE as d, INK_EXCEL_SHEET_MAX_ROWS as Z, INK_EXCEL_SHEET_MAX_COLS as J, INK_EXCEL_MENU_ESTIMATED_HEIGHT_PX as Q } from "../../../../constants/numbers.js";
+import { INK_EXCEL_TITLE as A, INK_EXCEL_ADD_ROW as x, INK_EXCEL_ADD_COL as ee, INK_EXCEL_REMOVE_ROW as te, INK_EXCEL_REMOVE_COL as ne, INK_EXCEL_CLEAR as oe, INK_EXCEL_IMPORT as re, INK_EXCEL_INSERT as le } from "../../../../constants/generals.const.js";
 import { COLOR_MODE_LIGHT as se } from "../../../../constants/colorMode.const.js";
-import { KEY_ESCAPE as Ee } from "../../../../constants/keyboard.const.js";
-import { INK_CLASS_STYLE_DD as ie, INK_CLASS_STYLE_MENU as ae, INK_CLASS_STYLE_MENU_PORTAL as ce, INK_CLASS_STYLE_MENU_FORCED as _e, INK_CLASS_EXCEL_PANEL as ue, INK_CLASS_EXCEL_TITLE as de, INK_CLASS_EXCEL_GRID as me, INK_CLASS_EXCEL_CORNER as Ce, EXCEL_COL_LETTERS as Le, INK_CLASS_EXCEL_HEAD as b, INK_CLASS_EXCEL_COL_HOVER as O, INK_CLASS_EXCEL_ROW_HOVER as g, INK_CLASS_EXCEL_CELL as pe, INK_CLASS_EXCEL_ACTIONS as fe, INK_CLASS_EXCEL_INSERT as Ne } from "../../../../constants/defaults.const.js";
+import { KEY_ESCAPE as ie } from "../../../../constants/keyboard.const.js";
+import { INK_CLASS_STYLE_DD as Ee, INK_CLASS_STYLE_MENU as ae, INK_CLASS_STYLE_MENU_PORTAL as ce, INK_CLASS_STYLE_MENU_FORCED as ue, INK_CLASS_EXCEL_PANEL as _e, INK_CLASS_EXCEL_TITLE as me, INK_CLASS_EXCEL_GRID as Ce, INK_CLASS_EXCEL_CORNER as de, EXCEL_COL_LETTERS as Le, INK_CLASS_EXCEL_HEAD as b, INK_CLASS_EXCEL_COL_HOVER as O, INK_CLASS_EXCEL_ROW_HOVER as g, INK_CLASS_EXCEL_CELL as pe, INK_CLASS_EXCEL_ACTIONS as fe, INK_CLASS_EXCEL_INSERT as Ne } from "../../../../constants/defaults.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
-import { createEmptyExcelGrid as I, setExcelCell as Se, addExcelRow as ve, addExcelCol as Re, removeExcelRow as Ae, removeExcelCol as he, clearExcelGrid as Te, excelGridToTableHtml as Ke, CSV_ACCEPT as De, parseCsvText as Me } from "../../../../plugins/excel/excel.utils.js";
+import { createEmptyExcelGrid as $, setExcelCell as Se, addExcelRow as ve, addExcelCol as Re, removeExcelRow as Me, removeExcelCol as Ae, clearExcelGrid as he, excelGridToTableHtml as Te, CSV_ACCEPT as Ke, parseCsvText as De } from "../../../../plugins/excel/excel.utils.js";
 import { getToolbarDropdownMenuPosition as we } from "../ToolbarDropdown/ToolbarDropdown.utils.js";
 import { ToolbarButton as Xe } from "../ToolbarButton/ToolbarButton.js";
-const Ye = ($) => {
-  var w;
-  const { icon: y, disabled: R = !1, hint: H, onHint: P, pluginColor: G, onInsert: F } = $, [p, m] = u(!1), [o, s] = u(I), [A, f] = u(null), [h, N] = u(null), [T, U] = u({ top: i, left: i }), K = L(null), D = L(null), S = L(null), M = L(null), C = ((w = o[i]) == null ? void 0 : w.length) ?? d, k = o.length < q, V = C < Z, Y = o.length > d, B = C > d;
+const Ye = (I) => {
+  var X;
+  const { icon: y, disabled: h = !1, hint: H, onHint: P, pluginColor: G, onInsert: F } = I, [R, L] = C(!1), [o, s] = C($), [p, u] = C(null), [f, _] = C(null), [T, U] = C({ top: c, left: c }), K = v(null), D = v(null), M = v(null), w = v(null), N = ((X = o[c]) == null ? void 0 : X.length) ?? d, k = o.length < Z, V = N < J, Y = o.length > d, B = N > d;
   j(() => {
-    if (!p) return;
+    if (!R) return;
     const e = () => {
-      var c;
-      const l = (c = S.current) == null ? void 0 : c.getBoundingClientRect().height, a = we(
+      var a;
+      const r = (a = M.current) == null ? void 0 : a.getBoundingClientRect().height, E = we(
         D.current,
-        l && l > i ? l : J
+        r && r > c ? r : Q
       );
-      U({ top: a.top, left: a.left });
+      U({ top: E.top, left: E.left });
     };
     e();
-    const t = window.requestAnimationFrame(e), E = (l) => {
-      var c, X;
-      const a = l.target;
-      (c = K.current) != null && c.contains(a) || (X = S.current) != null && X.contains(a) || m(!1);
-    }, r = (l) => {
-      l.key === Ee && m(!1);
+    const t = window.requestAnimationFrame(e), l = (r) => {
+      var a, S;
+      const E = r.target;
+      (a = K.current) != null && a.contains(E) || (S = M.current) != null && S.contains(E) || L(!1);
+    }, i = (r) => {
+      r.key === ie && L(!1);
     };
-    return document.addEventListener("mousedown", E), document.addEventListener("keydown", r), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
-      window.cancelAnimationFrame(t), document.removeEventListener("mousedown", E), document.removeEventListener("keydown", r), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    return document.addEventListener("mousedown", l), document.addEventListener("keydown", i), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+      window.cancelAnimationFrame(t), document.removeEventListener("mousedown", l), document.removeEventListener("keydown", i), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
     };
-  }, [p, o.length, C]);
+  }, [R, o.length, N]);
   const W = (e) => {
-    var r;
-    const t = (r = e.target.files) == null ? void 0 : r[i];
+    var i;
+    const t = (i = e.target.files) == null ? void 0 : i[c];
     if (!t) return;
-    const E = new FileReader();
-    E.onload = () => {
-      s(Me(String(E.result)));
-    }, E.readAsText(t);
+    const l = new FileReader();
+    l.onload = () => {
+      s(De(String(l.result)));
+    }, l.readAsText(t);
   };
-  return /* @__PURE__ */ _("div", { className: ie, ref: K, children: [
+  return /* @__PURE__ */ m("div", { className: Ee, ref: K, children: [
     /* @__PURE__ */ n("div", { ref: D, children: /* @__PURE__ */ n(
       Xe,
       {
         icon: y,
-        title: v,
+        title: A,
         hint: H,
         onHint: P,
         pluginColor: G,
-        disabled: R,
+        disabled: h,
         onClick: () => {
-          R || (s(I()), m((e) => !e));
+          h || (s($()), L((e) => !e));
         }
       }
     ) }),
-    p ? z(
-      /* @__PURE__ */ _(
+    R ? q(
+      /* @__PURE__ */ m(
         "div",
         {
-          ref: S,
-          className: `${ae} ${ce} ${_e} ${ue}`,
+          ref: M,
+          className: `${ae} ${ce} ${ue} ${_e}`,
           "data-color-mode": se,
           role: "dialog",
-          "aria-label": v,
+          "aria-label": A,
           style: { top: T.top, left: T.left },
           children: [
-            /* @__PURE__ */ n("div", { className: de, children: v }),
-            /* @__PURE__ */ _(
+            /* @__PURE__ */ n("div", { className: me, children: A }),
+            /* @__PURE__ */ m(
               "div",
               {
-                className: me,
+                className: Ce,
                 style: {
-                  gridTemplateColumns: `2rem repeat(${C}, minmax(0, 1fr))`
+                  gridTemplateColumns: `2rem repeat(${N}, minmax(0, 1fr))`
                 },
                 onMouseLeave: () => {
-                  f(null), N(null);
+                  u(null), _(null);
                 },
                 children: [
-                  /* @__PURE__ */ n("span", { className: Ce }),
-                  (o[i] ?? []).map((e, t) => /* @__PURE__ */ n(
-                    "span",
-                    {
-                      className: `${b}${A === t ? ` ${O}` : ""}`,
-                      onMouseEnter: () => f(t),
-                      children: Le[t] ?? t + d
-                    },
-                    `h-${t}`
-                  )),
-                  o.map((e, t) => /* @__PURE__ */ _(x, { children: [
-                    /* @__PURE__ */ n(
+                  /* @__PURE__ */ n("span", { className: de }),
+                  (o[c] ?? []).map((e, t) => {
+                    const l = p !== null && t <= p;
+                    return /* @__PURE__ */ n(
                       "span",
                       {
-                        className: `${b}${h === t ? ` ${g}` : ""}`,
-                        onMouseEnter: () => N(t),
-                        children: t + d
-                      }
-                    ),
-                    e.map((E, r) => /* @__PURE__ */ n(
-                      "input",
-                      {
-                        className: `${pe}${A === r ? ` ${O}` : ""}${h === t ? ` ${g}` : ""}`,
-                        value: E,
-                        onMouseEnter: () => {
-                          f(r), N(t);
-                        },
-                        onChange: (l) => s(Se(o, t, r, l.target.value))
+                        className: `${b}${l ? ` ${O}` : ""}`,
+                        onMouseEnter: () => u(t),
+                        onMouseMove: () => u(t),
+                        children: Le[t] ?? t + d
                       },
-                      `${t}-${r}`
-                    ))
-                  ] }, `row-${t}`))
+                      `h-${t}`
+                    );
+                  }),
+                  o.map((e, t) => {
+                    const l = f !== null && t <= f;
+                    return /* @__PURE__ */ m(z, { children: [
+                      /* @__PURE__ */ n(
+                        "span",
+                        {
+                          className: `${b}${l ? ` ${g}` : ""}`,
+                          onMouseEnter: () => _(t),
+                          onMouseMove: () => _(t),
+                          children: t + d
+                        }
+                      ),
+                      e.map((i, r) => {
+                        const E = p !== null && r <= p, a = f !== null && t <= f;
+                        return /* @__PURE__ */ n(
+                          "input",
+                          {
+                            className: `${pe}${E ? ` ${O}` : ""}${a ? ` ${g}` : ""}`,
+                            value: i,
+                            onMouseEnter: () => {
+                              u(r), _(t);
+                            },
+                            onMouseMove: () => {
+                              u(r), _(t);
+                            },
+                            onChange: (S) => s(Se(o, t, r, S.target.value))
+                          },
+                          `${t}-${r}`
+                        );
+                      })
+                    ] }, `row-${t}`);
+                  })
                 ]
               }
             ),
-            /* @__PURE__ */ _("div", { className: fe, children: [
+            /* @__PURE__ */ m("div", { className: fe, children: [
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -127,7 +141,7 @@ const Ye = ($) => {
                   onMouseDown: (e) => {
                     e.preventDefault(), s(ve(o));
                   },
-                  children: Q
+                  children: x
                 }
               ),
               /* @__PURE__ */ n(
@@ -147,7 +161,7 @@ const Ye = ($) => {
                   type: "button",
                   disabled: !Y,
                   onMouseDown: (e) => {
-                    e.preventDefault(), s(Ae(o));
+                    e.preventDefault(), s(Me(o));
                   },
                   children: te
                 }
@@ -158,7 +172,7 @@ const Ye = ($) => {
                   type: "button",
                   disabled: !B,
                   onMouseDown: (e) => {
-                    e.preventDefault(), s(he(o));
+                    e.preventDefault(), s(Ae(o));
                   },
                   children: ne
                 }
@@ -168,7 +182,7 @@ const Ye = ($) => {
                 {
                   type: "button",
                   onMouseDown: (e) => {
-                    e.preventDefault(), s(Te(o));
+                    e.preventDefault(), s(he(o));
                   },
                   children: oe
                 }
@@ -179,7 +193,7 @@ const Ye = ($) => {
                   type: "button",
                   onMouseDown: (e) => {
                     var t;
-                    e.preventDefault(), (t = M.current) == null || t.click();
+                    e.preventDefault(), (t = w.current) == null || t.click();
                   },
                   children: re
                 }
@@ -190,13 +204,13 @@ const Ye = ($) => {
                   type: "button",
                   className: Ne,
                   onMouseDown: (e) => {
-                    e.preventDefault(), F(Ke(o)), m(!1);
+                    e.preventDefault(), F(Te(o)), L(!1);
                   },
                   children: le
                 }
               )
             ] }),
-            /* @__PURE__ */ n("input", { ref: M, type: "file", accept: De, hidden: !0, onChange: W })
+            /* @__PURE__ */ n("input", { ref: w, type: "file", accept: Ke, hidden: !0, onChange: W })
           ]
         }
       ),

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"),r=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");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===r.NUMBER_ZERO)return null;const R=i.slice(r.NUMBER_ZERO,u),t=Math.max(r.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)}),t>r.NUMBER_ZERO&&s.jsxs("div",{className:"ink-presence-avatar-overflow",title:`${t} more collaborator${t>r.NUMBER_ONE?"s":c.EMPTY_STRING}`,"aria-label":`${t} more collaborator${t>r.NUMBER_ONE?"s":c.EMPTY_STRING}`,children:[a.PLUS_SIGN,t]})]})})};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"}

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

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

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

@@ -0,0 +1,8 @@
+import { InkCollaborator } from '../../../../types';
+export interface PresenceStackProps {
+    collaborators: InkCollaborator[];
+    maxAvatars?: number;
+    onFollow?: (collaborator: InkCollaborator) => void;
+    className?: string;
+}
+//# sourceMappingURL=PresenceStack.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceStack.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/PresenceStack/PresenceStack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/PresenceStack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/InkEditor/components/RemoteCursors/RemoteCursors.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("./RemoteCursors.const.cjs"),t=require("../../../../constants/numbers.cjs"),l=require("../../../../constants/generals.const.cjs");require("../../../../constants/openai.const.cjs");const m=require("../../../../utils/cn.utils.cjs");require("../../../../utils/paste.utils.cjs");require("react");require("react-dom");const T=({collaborators:c,className:u=l.EMPTY_STRING})=>{const n=(c||[]).filter(e=>e.cursor&&(e.cursor.offset!==void 0||e.cursor.line!==void 0));return n.length===t.NUMBER_ZERO?null:s.jsx("div",{className:m.cn("ink-remote-cursors-layer",u),"aria-hidden":"true",children:n.map(e=>{var i,o;const _=((i=e.cursor)==null?void 0:i.line)??t.NUMBER_ONE,R=((o=e.cursor)==null?void 0:o.col)??t.NUMBER_ZERO,E=Math.max(r.REMOTE_CURSOR_MIN_TOP_PX,(_-t.NUMBER_ONE)*r.REMOTE_CURSOR_LINE_HEIGHT_PX+r.REMOTE_CURSOR_TOP_OFFSET_PX),O=Math.max(r.REMOTE_CURSOR_MIN_LEFT_PX,R*r.REMOTE_CURSOR_CHAR_WIDTH_PX+r.REMOTE_CURSOR_LEFT_OFFSET_PX);return s.jsxs("div",{className:"ink-remote-cursor-item",style:{top:`${E}px`,left:`${O}px`},children:[s.jsx("div",{className:"ink-remote-cursor-caret",style:{backgroundColor:e.color}}),s.jsx("div",{className:"ink-remote-cursor-tag",style:{backgroundColor:e.color},children:e.name})]},e.id)})})};exports.RemoteCursors=T;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../../../../constants/numbers.cjs"),E=_.NUMBER_TWENTY_EIGHT,R=_.NUMBER_FOURTEEN,T=_.NUMBER_TWELVE,O=8.5,M=_.NUMBER_TWENTY_FOUR,S=_.NUMBER_SIXTEEN;exports.REMOTE_CURSOR_CHAR_WIDTH_PX=O;exports.REMOTE_CURSOR_LEFT_OFFSET_PX=M;exports.REMOTE_CURSOR_LINE_HEIGHT_PX=E;exports.REMOTE_CURSOR_MIN_LEFT_PX=S;exports.REMOTE_CURSOR_MIN_TOP_PX=T;exports.REMOTE_CURSOR_TOP_OFFSET_PX=R;

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

@@ -0,0 +1,7 @@
+export declare const REMOTE_CURSOR_LINE_HEIGHT_PX = 28;
+export declare const REMOTE_CURSOR_TOP_OFFSET_PX = 14;
+export declare const REMOTE_CURSOR_MIN_TOP_PX = 12;
+export declare const REMOTE_CURSOR_CHAR_WIDTH_PX = 8.5;
+export declare const REMOTE_CURSOR_LEFT_OFFSET_PX = 24;
+export declare const REMOTE_CURSOR_MIN_LEFT_PX = 16;
+//# sourceMappingURL=RemoteCursors.const.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteCursors.const.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/RemoteCursors/RemoteCursors.const.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,4BAA4B,KAAsB,CAAC;AAChE,eAAO,MAAM,2BAA2B,KAAkB,CAAC;AAC3D,eAAO,MAAM,wBAAwB,KAAgB,CAAC;AACtD,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,4BAA4B,KAAqB,CAAC;AAC/D,eAAO,MAAM,yBAAyB,KAAiB,CAAC"}

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

@@ -0,0 +1,10 @@
+import { NUMBER_SIXTEEN as E, NUMBER_TWELVE as _, NUMBER_TWENTY_FOUR as R, NUMBER_TWENTY_EIGHT as T, NUMBER_FOURTEEN as O } from "../../../../constants/numbers.js";
+const U = T, N = O, o = _, S = 8.5, t = R, F = E;
+export {
+  S as REMOTE_CURSOR_CHAR_WIDTH_PX,
+  t as REMOTE_CURSOR_LEFT_OFFSET_PX,
+  U as REMOTE_CURSOR_LINE_HEIGHT_PX,
+  F as REMOTE_CURSOR_MIN_LEFT_PX,
+  o as REMOTE_CURSOR_MIN_TOP_PX,
+  N as REMOTE_CURSOR_TOP_OFFSET_PX
+};

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

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

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

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

package/dist/components/InkEditor/components/RemoteCursors/RemoteCursors.js

@@ -0,0 +1,65 @@
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { REMOTE_CURSOR_MIN_LEFT_PX as T, REMOTE_CURSOR_CHAR_WIDTH_PX as p, REMOTE_CURSOR_LEFT_OFFSET_PX as d, REMOTE_CURSOR_MIN_TOP_PX as l, REMOTE_CURSOR_LINE_HEIGHT_PX as M, REMOTE_CURSOR_TOP_OFFSET_PX as f } from "./RemoteCursors.const.js";
+import { NUMBER_ZERO as i, NUMBER_ONE as m } from "../../../../constants/numbers.js";
+import { EMPTY_STRING as C } from "../../../../constants/generals.const.js";
+import "../../../../constants/openai.const.js";
+import { cn as N } from "../../../../utils/cn.utils.js";
+import "../../../../utils/paste.utils.js";
+import "react";
+import "react-dom";
+const I = ({
+  collaborators: _,
+  className: n = C
+}) => {
+  const o = (_ || []).filter(
+    (r) => r.cursor && (r.cursor.offset !== void 0 || r.cursor.line !== void 0)
+  );
+  return o.length === i ? null : /* @__PURE__ */ e(
+    "div",
+    {
+      className: N("ink-remote-cursors-layer", n),
+      "aria-hidden": "true",
+      children: o.map((r) => {
+        var t, s;
+        const c = ((t = r.cursor) == null ? void 0 : t.line) ?? m, R = ((s = r.cursor) == null ? void 0 : s.col) ?? i, E = Math.max(
+          l,
+          (c - m) * M + f
+        ), O = Math.max(
+          T,
+          R * p + d
+        );
+        return /* @__PURE__ */ u(
+          "div",
+          {
+            className: "ink-remote-cursor-item",
+            style: {
+              top: `${E}px`,
+              left: `${O}px`
+            },
+            children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "ink-remote-cursor-caret",
+                  style: { backgroundColor: r.color }
+                }
+              ),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "ink-remote-cursor-tag",
+                  style: { backgroundColor: r.color },
+                  children: r.name
+                }
+              )
+            ]
+          },
+          r.id
+        );
+      })
+    }
+  );
+};
+export {
+  I as RemoteCursors
+};

package/dist/components/InkEditor/components/RemoteCursors/RemoteCursors.types.d.ts

@@ -0,0 +1,6 @@
+import { InkCollaborator } from '../../../../types';
+export interface RemoteCursorsProps {
+    collaborators: InkCollaborator[];
+    className?: string;
+}
+//# sourceMappingURL=RemoteCursors.types.d.ts.map

package/dist/components/InkEditor/components/RemoteCursors/RemoteCursors.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteCursors.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/RemoteCursors/RemoteCursors.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/RemoteCursors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/InkEditor/components/TableSizePicker/TableSizePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),v=require("react-dom"),_=require("../../../../constants/numbers.cjs"),L=require("../../../../constants/generals.const.cjs"),w=require("../../../../constants/colorMode.const.cjs"),B=require("../../../../constants/keyboard.const.cjs"),t=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const b=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),O=require("../ToolbarButton/ToolbarButton.cjs"),c=require("./TableSizePicker.const.cjs"),p=C=>{const{icon:f,disabled:I=!1,onSelect:P}=C,[a,E]=s.useState(!1),[u,d]=s.useState(c.TABLE_PICKER_INITIAL_HOVER),[T,m]=s.useState(c.TABLE_PICKER_EMPTY_POSITION),A=s.useRef(null),S=s.useRef(null),R=s.useRef(null);s.useEffect(()=>{if(!a)return;const e=()=>{const o=b.getToolbarDropdownMenuPosition(S.current);m({top:o.top,left:o.left})};e();const r=o=>{var K,N;const l=o.target;(K=A.current)!=null&&K.contains(l)||(N=R.current)!=null&&N.contains(l)||E(!1)},i=o=>{o.key===B.KEY_ESCAPE&&E(!1)};return document.addEventListener("mousedown",r),document.addEventListener("keydown",i),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{document.removeEventListener("mousedown",r),document.removeEventListener("keydown",i),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[a]);const M=Array.from({length:_.INK_TABLE_PICKER_MAX*_.INK_TABLE_PICKER_MAX},(e,r)=>{const i=Math.floor(r/_.INK_TABLE_PICKER_MAX)+_.NUMBER_ONE,o=r%_.INK_TABLE_PICKER_MAX+_.NUMBER_ONE,l=i<=u.rows&&o<=u.cols;return{rows:i,cols:o,isOn:l,key:`${i}-${o}`}});return n.jsxs("div",{className:t.INK_CLASS_TABLE_PICKER,ref:A,children:[n.jsx("div",{ref:S,children:n.jsx(O.ToolbarButton,{icon:f,title:L.INK_TABLE_INSERT_TITLE,disabled:I,onClick:()=>{I||(d(c.TABLE_PICKER_INITIAL_HOVER),E(e=>!e))}})}),a?v.createPortal(n.jsxs("div",{ref:R,className:`${t.INK_CLASS_STYLE_MENU} ${t.INK_CLASS_STYLE_MENU_PORTAL} ${t.INK_CLASS_STYLE_MENU_FORCED}`,"data-color-mode":w.COLOR_MODE_LIGHT,role:"grid","aria-label":L.INK_TABLE_INSERT_TITLE,style:{top:T.top,left:T.left},children:[n.jsx("div",{className:t.INK_CLASS_TABLE_PICKER_GRID,style:{gridTemplateColumns:`repeat(${_.INK_TABLE_PICKER_MAX}, 1fr)`},children:M.map(e=>n.jsx("button",{type:"button",className:`${t.INK_CLASS_TABLE_PICKER_CELL}${e.isOn?`${L.SPACE_STRING}${t.INK_CLASS_TABLE_PICKER_CELL_ON}`:""}`,"aria-label":`${e.rows}${c.TABLE_PICKER_TIMES_MARK}${e.cols}`,onMouseEnter:()=>d({rows:e.rows,cols:e.cols}),onMouseDown:r=>{r.preventDefault(),P(e.rows,e.cols),E(!1)}},e.key))}),n.jsxs("div",{className:t.INK_CLASS_TABLE_PICKER_LABEL,children:[u.rows,c.TABLE_PICKER_TIMES_MARK,u.cols]})]}),document.body):null]})};exports.TableSizePicker=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),w=require("react-dom"),_=require("../../../../constants/numbers.cjs"),I=require("../../../../constants/generals.const.cjs"),v=require("../../../../constants/colorMode.const.cjs"),B=require("../../../../constants/keyboard.const.cjs"),t=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const b=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),O=require("../ToolbarButton/ToolbarButton.cjs"),c=require("./TableSizePicker.const.cjs"),p=C=>{const{icon:f,disabled:d=!1,onSelect:P}=C,[l,E]=n.useState(!1),[u,L]=n.useState(c.TABLE_PICKER_INITIAL_HOVER),[T,m]=n.useState(c.TABLE_PICKER_EMPTY_POSITION),A=n.useRef(null),S=n.useRef(null),R=n.useRef(null);n.useEffect(()=>{if(!l)return;const e=()=>{const o=b.getToolbarDropdownMenuPosition(S.current);m({top:o.top,left:o.left})};e();const r=o=>{var K,N;const a=o.target;(K=A.current)!=null&&K.contains(a)||(N=R.current)!=null&&N.contains(a)||E(!1)},i=o=>{o.key===B.KEY_ESCAPE&&E(!1)};return document.addEventListener("mousedown",r),document.addEventListener("keydown",i),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{document.removeEventListener("mousedown",r),document.removeEventListener("keydown",i),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[l]);const M=Array.from({length:_.INK_TABLE_PICKER_MAX*_.INK_TABLE_PICKER_MAX},(e,r)=>{const i=Math.floor(r/_.INK_TABLE_PICKER_MAX)+_.NUMBER_ONE,o=r%_.INK_TABLE_PICKER_MAX+_.NUMBER_ONE,a=i<=u.rows&&o<=u.cols;return{rows:i,cols:o,isOn:a,key:`${i}-${o}`}});return s.jsxs("div",{className:t.INK_CLASS_TABLE_PICKER,ref:A,children:[s.jsx("div",{ref:S,children:s.jsx(O.ToolbarButton,{icon:f,title:I.INK_TABLE_INSERT_TITLE,disabled:d,onClick:()=>{d||(L(c.TABLE_PICKER_INITIAL_HOVER),E(e=>!e))}})}),l&&w.createPortal(s.jsxs("div",{ref:R,className:`${t.INK_CLASS_STYLE_MENU} ${t.INK_CLASS_STYLE_MENU_PORTAL} ${t.INK_CLASS_STYLE_MENU_FORCED}`,"data-color-mode":v.COLOR_MODE_LIGHT,role:"grid","aria-label":I.INK_TABLE_INSERT_TITLE,style:{top:T.top,left:T.left},children:[s.jsx("div",{className:t.INK_CLASS_TABLE_PICKER_GRID,style:{gridTemplateColumns:`repeat(${_.INK_TABLE_PICKER_MAX}, 1fr)`},children:M.map(e=>s.jsx("button",{type:"button",className:`${t.INK_CLASS_TABLE_PICKER_CELL}${e.isOn?`${I.SPACE_STRING}${t.INK_CLASS_TABLE_PICKER_CELL_ON}`:""}`,"aria-label":`${e.rows}${c.TABLE_PICKER_TIMES_MARK}${e.cols}`,onMouseEnter:()=>L({rows:e.rows,cols:e.cols}),onMouseMove:()=>L({rows:e.rows,cols:e.cols}),onMouseDown:r=>{r.preventDefault(),P(e.rows,e.cols),E(!1)}},e.key))}),s.jsxs("div",{className:t.INK_CLASS_TABLE_PICKER_LABEL,children:[u.rows,c.TABLE_PICKER_TIMES_MARK,u.cols]})]}),document.body)]})};exports.TableSizePicker=p;