@forgedevstack/ink 1.1.8 → 1.1.9

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

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

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

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

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

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

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

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

package/dist/components/InkEditor/components/ThemePicker/hooks/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/InkEditor/components/ThemePicker/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),m=require("../../../../../constants/numbers.cjs"),w=require("../../../../../constants/keyboard.const.cjs");require("../../../../../constants/openai.const.cjs");require("react/jsx-runtime");require("../../../../../utils/paste.utils.cjs");require("react-dom");const R=require("../../ToolbarDropdown/ToolbarDropdown.utils.cjs"),p=()=>{const[o,r]=t.useState(!1),[E,v]=t.useState({top:m.NUMBER_ZERO,left:m.NUMBER_ZERO}),s=t.useRef(null),u=t.useRef(null),i=t.useRef(null);return t.useEffect(()=>{if(!o)return;const n=()=>{const e=R.getToolbarDropdownMenuPosition(u.current);v({top:e.top,left:e.left})};n();const c=e=>{var a,f;const l=e.target;(a=s.current)!=null&&a.contains(l)||(f=i.current)!=null&&f.contains(l)||r(!1)},d=e=>{e.key===w.KEY_ESCAPE&&r(!1)};return document.addEventListener("mousedown",c),document.addEventListener("keydown",d),window.addEventListener("resize",n),window.addEventListener("scroll",n,!0),()=>{document.removeEventListener("mousedown",c),document.removeEventListener("keydown",d),window.removeEventListener("resize",n),window.removeEventListener("scroll",n,!0)}},[o]),{open:o,setOpen:r,menuPosition:E,rootRef:s,triggerRef:u,menuRef:i}};exports.useThemePickerMenu=p;

package/dist/components/InkEditor/components/ThemePicker/hooks/useThemePickerMenu.d.ts

@@ -0,0 +1,13 @@
+export interface UseThemePickerMenuReturn {
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    menuPosition: {
+        top: number;
+        left: number;
+    };
+    rootRef: React.RefObject<HTMLDivElement>;
+    triggerRef: React.RefObject<HTMLDivElement>;
+    menuRef: React.RefObject<HTMLDivElement>;
+}
+export declare const useThemePickerMenu: () => UseThemePickerMenuReturn;
+//# sourceMappingURL=useThemePickerMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useThemePickerMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/InkEditor/components/ThemePicker/hooks/useThemePickerMenu.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACvD,YAAY,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,kBAAkB,QAAO,wBA0CrC,CAAC"}

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

@@ -0,0 +1,39 @@
+import { useState as p, useRef as r, useEffect as w } from "react";
+import { NUMBER_ZERO as a } from "../../../../../constants/numbers.js";
+import { KEY_ESCAPE as L } from "../../../../../constants/keyboard.const.js";
+import "../../../../../constants/openai.const.js";
+import "react/jsx-runtime";
+import "../../../../../utils/paste.utils.js";
+import "react-dom";
+import { getToolbarDropdownMenuPosition as P } from "../../ToolbarDropdown/ToolbarDropdown.utils.js";
+const O = () => {
+  const [n, o] = p(!1), [E, v] = p({ top: a, left: a }), s = r(null), i = r(null), u = r(null);
+  return w(() => {
+    if (!n) return;
+    const t = () => {
+      const e = P(i.current);
+      v({ top: e.top, left: e.left });
+    };
+    t();
+    const c = (e) => {
+      var f, l;
+      const d = e.target;
+      (f = s.current) != null && f.contains(d) || (l = u.current) != null && l.contains(d) || o(!1);
+    }, m = (e) => {
+      e.key === L && o(!1);
+    };
+    return document.addEventListener("mousedown", c), document.addEventListener("keydown", m), window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), () => {
+      document.removeEventListener("mousedown", c), document.removeEventListener("keydown", m), window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
+    };
+  }, [n]), {
+    open: n,
+    setOpen: o,
+    menuPosition: E,
+    rootRef: s,
+    triggerRef: i,
+    menuRef: u
+  };
+};
+export {
+  O as useThemePickerMenu
+};

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

@@ -30,4 +30,8 @@ export { GraphEditModal } from './GraphEditModal';
 export type { GraphEditModalProps, GraphEditMode } from './GraphEditModal';
 export { ThemePicker } from './ThemePicker';
 export type { ThemePickerProps } from './ThemePicker';
+export { PresenceStack } from './PresenceStack';
+export type { PresenceStackProps } from './PresenceStack';
+export { RemoteCursors } from './RemoteCursors';
+export type { RemoteCursorsProps } from './RemoteCursors';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InkEditor/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,cAAc,EACd,2BAA2B,EAC3B,gCAAgC,EAChC,mCAAmC,EACnC,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AACpF,OAAO,EACL,YAAY,EACZ,8BAA8B,EAC9B,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,aAAa,EACb,0BAA0B,EAC1B,wBAAwB,EACxB,8BAA8B,EAC9B,kCAAkC,EAClC,iCAAiC,EACjC,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,yBAAyB,EACzB,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InkEditor/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,cAAc,EACd,2BAA2B,EAC3B,gCAAgC,EAChC,mCAAmC,EACnC,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AACpF,OAAO,EACL,YAAY,EACZ,8BAA8B,EAC9B,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,aAAa,EACb,0BAA0B,EAC1B,wBAAwB,EACxB,8BAA8B,EAC9B,kCAAkC,EAClC,iCAAiC,EACjC,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,yBAAyB,EACzB,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/InkTabs/InkTabs.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),k=require("react"),v=({documents:o,activeDocumentId:b,onTabSelect:y,onTabClose:c,onTabAdd:d,onTabRename:s,className:j=""})=>{const[h,l]=k.useState(null),[a,u]=k.useState(""),p=(t,n,r)=>{r.stopPropagation(),s&&(l(t),u(n))},x=t=>{h===t&&a.trim()&&(s==null||s(t,a.trim())),l(null)},g=(t,n)=>{n.key==="Enter"?x(t):n.key==="Escape"&&l(null)};return i.jsxs("div",{className:`ink-tabs-container ${j}`.trim(),role:"tablist","aria-label":"Document tabs",children:[i.jsx("div",{className:"ink-tabs-scroll-area",children:o.map(t=>{const n=t.id===b,r=h===t.id;return i.jsxs("div",{role:"tab","aria-selected":n,tabIndex:n?0:-1,className:`ink-tab-item ${n?"ink-tab-active":""} ${t.isDirty?"ink-tab-dirty":""}`,onClick:()=>y(t.id),onDoubleClick:e=>p(t.id,t.title,e),title:t.title,children:[i.jsx("span",{className:"ink-tab-icon","aria-hidden":"true",children:t.icon||i.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),i.jsx("polyline",{points:"14 2 14 8 20 8"})]})}),r?i.jsx("input",{type:"text",className:"ink-tab-title-input",value:a,autoFocus:!0,onChange:e=>u(e.target.value),onBlur:()=>x(t.id),onKeyDown:e=>g(t.id,e),onClick:e=>e.stopPropagation()}):i.jsx("span",{className:"ink-tab-title",children:t.title||"Untitled"}),t.isDirty&&i.jsx("span",{className:"ink-tab-dirty-indicator",title:"Unsaved changes","aria-label":"Unsaved changes"}),c&&o.length>1&&i.jsx("button",{type:"button",className:"ink-tab-close-btn","aria-label":`Close ${t.title}`,onClick:e=>{e.stopPropagation(),c(t.id)},children:i.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),i.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]},t.id)})}),d&&i.jsx("button",{type:"button",className:"ink-tab-add-btn","aria-label":"New document",title:"New document",onClick:d,children:i.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),i.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]})})]})};exports.InkTabs=v;

package/dist/components/InkTabs/InkTabs.d.ts

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

package/dist/components/InkTabs/InkTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkTabs.d.ts","sourceRoot":"","sources":["../../../src/components/InkTabs/InkTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEhE,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6H1C,CAAC"}

package/dist/components/InkTabs/InkTabs.js

@@ -0,0 +1,104 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { useState as b } from "react";
+const f = ({
+  documents: c,
+  activeDocumentId: y,
+  onTabSelect: g,
+  onTabClose: d,
+  onTabAdd: h,
+  onTabRename: a,
+  className: m = ""
+}) => {
+  const [u, s] = b(null), [r, k] = b(""), v = (t, n, o) => {
+    o.stopPropagation(), a && (s(t), k(n));
+  }, p = (t) => {
+    u === t && r.trim() && (a == null || a(t, r.trim())), s(null);
+  }, x = (t, n) => {
+    n.key === "Enter" ? p(t) : n.key === "Escape" && s(null);
+  };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: `ink-tabs-container ${m}`.trim(),
+      role: "tablist",
+      "aria-label": "Document tabs",
+      children: [
+        /* @__PURE__ */ i("div", { className: "ink-tabs-scroll-area", children: c.map((t) => {
+          const n = t.id === y, o = u === t.id;
+          return /* @__PURE__ */ l(
+            "div",
+            {
+              role: "tab",
+              "aria-selected": n,
+              tabIndex: n ? 0 : -1,
+              className: `ink-tab-item ${n ? "ink-tab-active" : ""} ${t.isDirty ? "ink-tab-dirty" : ""}`,
+              onClick: () => g(t.id),
+              onDoubleClick: (e) => v(t.id, t.title, e),
+              title: t.title,
+              children: [
+                /* @__PURE__ */ i("span", { className: "ink-tab-icon", "aria-hidden": "true", children: t.icon || /* @__PURE__ */ l("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                  /* @__PURE__ */ i("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+                  /* @__PURE__ */ i("polyline", { points: "14 2 14 8 20 8" })
+                ] }) }),
+                o ? /* @__PURE__ */ i(
+                  "input",
+                  {
+                    type: "text",
+                    className: "ink-tab-title-input",
+                    value: r,
+                    autoFocus: !0,
+                    onChange: (e) => k(e.target.value),
+                    onBlur: () => p(t.id),
+                    onKeyDown: (e) => x(t.id, e),
+                    onClick: (e) => e.stopPropagation()
+                  }
+                ) : /* @__PURE__ */ i("span", { className: "ink-tab-title", children: t.title || "Untitled" }),
+                t.isDirty && /* @__PURE__ */ i(
+                  "span",
+                  {
+                    className: "ink-tab-dirty-indicator",
+                    title: "Unsaved changes",
+                    "aria-label": "Unsaved changes"
+                  }
+                ),
+                d && c.length > 1 && /* @__PURE__ */ i(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ink-tab-close-btn",
+                    "aria-label": `Close ${t.title}`,
+                    onClick: (e) => {
+                      e.stopPropagation(), d(t.id);
+                    },
+                    children: /* @__PURE__ */ l("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                      /* @__PURE__ */ i("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                      /* @__PURE__ */ i("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                    ] })
+                  }
+                )
+              ]
+            },
+            t.id
+          );
+        }) }),
+        h && /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            className: "ink-tab-add-btn",
+            "aria-label": "New document",
+            title: "New document",
+            onClick: h,
+            children: /* @__PURE__ */ l("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+              /* @__PURE__ */ i("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+              /* @__PURE__ */ i("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  f as InkTabs
+};

package/dist/components/InkTabs/index.d.ts

@@ -0,0 +1,2 @@
+export { InkTabs } from './InkTabs';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/InkTabs/index.d.ts.map

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

package/dist/components/InkWorkspace/InkWorkspace.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),Z=require("react"),Q=require("../../plugins/theme/theme.const.cjs"),Y=require("../InkTabs/InkTabs.cjs"),A=require("../InkEditor/InkEditor.cjs"),$=require("../InkEditor/components/PresenceStack/PresenceStack.cjs"),z=require("./hooks/useInkWorkspace.cjs"),t=require("./components/WorkspaceIcons.cjs"),b=require("../../constants/numbers.cjs"),W=require("../../constants/generals.const.cjs");require("../../constants/openai.const.cjs");const E=require("../../utils/cn.utils.cjs");require("../../utils/paste.utils.cjs");const i=require("../../common-components/Button/Button.cjs");require("react-dom");const n=require("../../constants/workspace.const.cjs"),J=O=>{const{documents:N,activeDocumentId:h,onActiveDocumentChange:u,onDocumentChange:r,onDocumentDelete:p,onDocumentRename:D,onDocumentSave:S,folders:K=[],onFolderCreate:C,onFolderDelete:R,collaboration:_,editorProps:l={},className:v=W.EMPTY_STRING,style:w}=O,{sidebarOpen:I,setSidebarOpen:y,splitMode:d,setSplitMode:T,setSecondaryDocId:g,searchQuery:B,setSearchQuery:M,editingDocId:q,editTitle:F,setEditTitle:U,activeDocument:o,secondaryDocument:c,filteredDocs:H,handleCreateDocument:x,handleStartRename:L,handleSaveRename:j,handleCancelRename:V}=z.useInkWorkspace(O),[f,X]=Z.useState(l.themeId||Q.THEME_DEFAULT),m=l.themeId??f,P=a=>{var k;X(a),(k=l.onThemeChange)==null||k.call(l,a)};return e.jsxs("div",{className:E.cn("ink-workspace-root",v),style:w,"data-split-mode":d,"data-ink-theme":m,children:[e.jsxs("header",{className:"ink-workspace-header",children:[e.jsxs("div",{className:"ink-workspace-header-left",children:[e.jsx(i.Button,{type:"button",className:"ink-workspace-toggle-btn",onClick:()=>y(!I),title:I?n.INK_WORKSPACE_HIDE_EXPLORER_TITLE:n.INK_WORKSPACE_SHOW_EXPLORER_TITLE,"aria-label":I?n.INK_WORKSPACE_HIDE_EXPLORER_TITLE:n.INK_WORKSPACE_SHOW_EXPLORER_TITLE,children:e.jsx(t.SidebarToggleIcon,{})}),e.jsx("span",{className:"ink-workspace-title",children:n.INK_WORKSPACE_TITLE}),e.jsxs("span",{className:"ink-workspace-count",children:["(",N.length," ",n.INK_WORKSPACE_DOCS_SUFFIX,")"]})]}),e.jsxs("div",{className:"ink-workspace-header-right",children:[e.jsxs("div",{className:"ink-workspace-split-controls",role:"group","aria-label":n.INK_WORKSPACE_SPLIT_VIEW_LABEL,children:[e.jsx(i.Button,{type:"button",className:E.cn("ink-workspace-icon-btn",d===n.INK_SPLIT_MODE_NONE&&"ink-active"),onClick:()=>T(n.INK_SPLIT_MODE_NONE),title:n.INK_WORKSPACE_SINGLE_VIEW_TITLE,children:e.jsx(t.SingleViewIcon,{})}),e.jsx(i.Button,{type:"button",className:E.cn("ink-workspace-icon-btn",d===n.INK_SPLIT_MODE_VERTICAL&&"ink-active"),onClick:()=>T(n.INK_SPLIT_MODE_VERTICAL),title:n.INK_WORKSPACE_SPLIT_SIDE_TITLE,children:e.jsx(t.SplitVerticalIcon,{})}),e.jsx(i.Button,{type:"button",className:E.cn("ink-workspace-icon-btn",d===n.INK_SPLIT_MODE_HORIZONTAL&&"ink-active"),onClick:()=>T(n.INK_SPLIT_MODE_HORIZONTAL),title:n.INK_WORKSPACE_SPLIT_STACKED_TITLE,children:e.jsx(t.SplitHorizontalIcon,{})})]}),S&&o&&e.jsx(i.Button,{type:"button",className:"ink-workspace-icon-btn",onClick:()=>S(o.id),title:n.INK_WORKSPACE_SAVE_TITLE,"aria-label":n.INK_WORKSPACE_SAVE_TITLE,children:e.jsx(t.SaveDocIcon,{})}),(_==null?void 0:_.collaborators)&&e.jsx($.PresenceStack,{collaborators:_.collaborators,maxAvatars:_.maxAvatars})]})]}),e.jsxs("div",{className:"ink-workspace-body",children:[I&&e.jsxs("aside",{className:"ink-workspace-sidebar","aria-label":n.INK_WORKSPACE_TITLE,children:[e.jsxs("div",{className:"ink-workspace-sidebar-toolbar",children:[e.jsx("input",{type:"text",className:"ink-workspace-search-input",placeholder:n.INK_WORKSPACE_SEARCH_PLACEHOLDER,value:B,onChange:a=>M(a.target.value)}),e.jsx(i.Button,{type:"button",className:"ink-workspace-new-doc-btn",onClick:x,title:n.INK_WORKSPACE_NEW_DOC_BUTTON,"aria-label":n.INK_WORKSPACE_NEW_DOC_BUTTON,children:n.INK_WORKSPACE_NEW_DOC_BUTTON}),C&&e.jsx(i.Button,{type:"button",className:"ink-workspace-icon-btn",onClick:()=>C(n.INK_WORKSPACE_NEW_FOLDER),title:n.INK_WORKSPACE_NEW_FOLDER,"aria-label":n.INK_WORKSPACE_NEW_FOLDER,children:e.jsx(t.NewFolderIcon,{})})]}),K.length>b.NUMBER_ZERO&&e.jsx("div",{className:"ink-workspace-folders-section",children:K.map(a=>e.jsxs("div",{className:"ink-workspace-folder-item",children:[e.jsx("span",{className:"ink-doc-icon",children:"📁"}),e.jsx("span",{className:"ink-doc-title",children:a.name}),R&&e.jsx(i.Button,{type:"button",className:"ink-doc-action-btn ink-delete",onClick:()=>R(a.id),title:n.INK_WORKSPACE_CLOSE_FOLDER_BUTTON,"aria-label":n.INK_WORKSPACE_CLOSE_FOLDER_BUTTON,children:n.INK_WORKSPACE_CLOSE_FOLDER_BUTTON})]},a.id))}),e.jsx("div",{className:"ink-workspace-doc-list",role:"tree",children:H.map(a=>{const k=a.id===h,G=q===a.id;return e.jsxs("div",{role:"treeitem","aria-selected":k,className:E.cn("ink-workspace-doc-item",k&&"ink-doc-active"),onClick:()=>u(a.id),children:[e.jsx("span",{className:"ink-doc-icon",children:a.icon||e.jsx(t.FileDocumentIcon,{})}),G?e.jsx("input",{type:"text",className:"ink-doc-title-input",value:F,autoFocus:!0,onChange:s=>U(s.target.value),onBlur:()=>j(a.id),onKeyDown:s=>{s.key==="Enter"&&j(a.id),s.key==="Escape"&&V()},onClick:s=>s.stopPropagation()}):e.jsx("span",{className:"ink-doc-title",onDoubleClick:s=>L(a.id,a.title,s),children:a.title||n.INK_WORKSPACE_UNTITLED_FALLBACK}),a.isDirty&&e.jsx("span",{className:"ink-doc-dirty-dot"}),e.jsxs("div",{className:"ink-doc-actions",children:[e.jsx(i.Button,{type:"button",className:"ink-doc-action-btn",onClick:s=>L(a.id,a.title,s),title:n.INK_WORKSPACE_RENAME_TITLE,"aria-label":n.INK_WORKSPACE_RENAME_TITLE,children:e.jsx(t.RenamePencilIcon,{})}),N.length>b.NUMBER_ONE&&p&&e.jsx(i.Button,{type:"button",className:"ink-doc-action-btn ink-delete",onClick:s=>{s.stopPropagation(),p(a.id)},title:n.INK_WORKSPACE_DELETE_TITLE,"aria-label":n.INK_WORKSPACE_DELETE_TITLE,children:e.jsx(t.CloseCrossIcon,{})})]})]},a.id)})})]}),e.jsxs("main",{className:E.cn("ink-workspace-main-area",`ink-split-${d}`),children:[e.jsxs("section",{className:"ink-workspace-pane ink-primary-pane",children:[e.jsx(Y.InkTabs,{documents:N,activeDocumentId:h,onTabSelect:u,onTabClose:p,onTabAdd:x,onTabRename:D}),o&&e.jsx("div",{className:"ink-workspace-editor-wrapper",children:e.jsx(A.InkEditor,{value:o.content,onChange:a=>r==null?void 0:r(o.id,a),readOnly:o.readOnly,collaboration:_,...l,themeId:m,onThemeChange:P},o.id)})]}),d!==n.INK_SPLIT_MODE_NONE&&e.jsxs("section",{className:"ink-workspace-pane ink-secondary-pane",children:[e.jsxs("div",{className:"ink-secondary-pane-header",children:[e.jsx("span",{className:"ink-secondary-pane-label",children:n.INK_WORKSPACE_SPLIT_VIEW_LABEL}),e.jsx("select",{className:"ink-secondary-pane-select",value:(c==null?void 0:c.id)||W.EMPTY_STRING,onChange:a=>g(a.target.value),"aria-label":n.INK_WORKSPACE_SPLIT_VIEW_LABEL,children:N.map(a=>e.jsx("option",{value:a.id,children:a.title},a.id))})]}),c&&e.jsx("div",{className:"ink-workspace-editor-wrapper",children:e.jsx(A.InkEditor,{value:c.content,onChange:a=>r==null?void 0:r(c.id,a),readOnly:c.readOnly,...l,themeId:m,onThemeChange:P},`sec-${c.id}`)})]})]})]})]})};exports.InkWorkspace=J;

package/dist/components/InkWorkspace/InkWorkspace.d.ts

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

package/dist/components/InkWorkspace/InkWorkspace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkWorkspace.d.ts","sourceRoot":"","sources":["../../../src/components/InkWorkspace/InkWorkspace.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA6CjD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsTpD,CAAC"}