@forgedevstack/ink 1.1.8 → 1.2.0

package/dist/components/InkEditor/helpers/format.utils.js

@@ -1,119 +1,141 @@
-import { NUMBER_ZERO as i } from "../../../constants/numbers.js";
-import { FONT_VALUE_SYSTEM as P, FONT_FAMILY_BY_VALUE as w, FONT_COMMAND_NAME as d, FONT_STYLE_PROPERTY as U } from "../../../constants/fonts.const.js";
-import { LIST_TAG_UL as N, LIST_CLASS_DASH as _, LIST_VALUE_DASH as u, LIST_VALUE_BULLET as l, LIST_TAG_OL as R, LIST_CLASS_ALPHA as f, LIST_STYLE_LOWER_ALPHA as M, LIST_VALUE_LETTERS as I, LIST_VALUE_NUMBERS as h, LIST_MARKDOWN_SPACE as Y, LIST_MARKDOWN_DASH as E, LIST_MARKDOWN_STAR as A, LIST_STYLE_DISC as H, LIST_STYLE_DECIMAL as b } from "../../../constants/lists.const.js";
-import { DIR_ATTRIBUTE as k } from "../../../constants/blocks.const.js";
+import { NUMBER_ZERO as c } from "../../../constants/numbers.js";
+import { FONT_VALUE_SYSTEM as U, FONT_FAMILY_BY_VALUE as x, FONT_COMMAND_NAME as m, FONT_STYLE_PROPERTY as Y } from "../../../constants/fonts.const.js";
+import { LIST_MARKDOWN_SPACE as h, LIST_MARKDOWN_DASH as A, LIST_MARKDOWN_STAR as C, LIST_TAG_UL as R, LIST_CLASS_DASH as _, LIST_VALUE_DASH as L, LIST_VALUE_BULLET as u, LIST_TAG_OL as M, LIST_CLASS_ALPHA as S, LIST_STYLE_LOWER_ALPHA as I, LIST_VALUE_LETTERS as D, LIST_VALUE_NUMBERS as P, LIST_STYLE_DISC as v, LIST_STYLE_DECIMAL as B } from "../../../constants/lists.const.js";
+import { DIR_ATTRIBUTE as b } from "../../../constants/blocks.const.js";
 import "../../../constants/openai.const.js";
 import "react/jsx-runtime";
-import { getBlockElement as F } from "../../../utils/blocks.utils.js";
+import { getBlockElement as H } from "../../../utils/blocks.utils.js";
 import "../../../utils/paste.utils.js";
+import "../../../utils/exportDocument.utils.js";
 import "react";
 import "react-dom";
-const v = "color", B = "background-color", W = "background", C = "color", y = "style", x = 1, K = 3, q = "removeFormat", S = "insertUnorderedList", D = "insertOrderedList", $ = "superscript", G = "subscript", V = "styleWithCSS", s = (t, e) => document.execCommand(t, !1, e), c = (t) => document.queryCommandState(t), _t = (t) => document.queryCommandValue(t), Q = "http://", O = "https://", X = "mailto:", Z = "&amp;", j = "&lt;", z = "&gt;", J = "&quot;", tt = (t) => t.replace(/&/g, Z).replace(/</g, j).replace(/>/g, z).replace(/"/g, J), ft = (t, e = "") => {
+const F = "color", W = "background-color", K = "background", g = "color", y = "style", q = 1, w = 3, $ = "removeFormat", p = "insertUnorderedList", E = "insertOrderedList", G = "superscript", V = "subscript", X = "styleWithCSS", s = (t, e) => document.execCommand(t, !1, e), l = (t) => document.queryCommandState(t), St = (t) => document.queryCommandValue(t), Q = "http://", O = "https://", Z = "mailto:", j = "&amp;", z = "&lt;", J = "&gt;", tt = "&quot;", et = (t) => t.replace(/&/g, j).replace(/</g, z).replace(/>/g, J).replace(/"/g, tt), pt = (t, e = "") => {
   if (!t) return !1;
-  const n = t.startsWith(Q) || t.startsWith(O) || t.startsWith(X) ? t : `${O}${t}`, r = window.getSelection();
-  return (!r || r.isCollapsed) && e ? s("insertHTML", `<a href="${n}">${tt(e)}</a>`) : s("createLink", n);
-}, St = (t) => s("foreColor", t), mt = (t) => s("hiliteColor", t), et = (t) => s("insertHTML", t), pt = (t, e = "") => {
-  const n = e.replace(/"/g, "&quot;");
-  return et(`<img src="${t}" alt="${n}" style="max-width:100%;height:auto;" />`);
-}, Et = (t) => new Promise((e, n) => {
-  const r = new FileReader();
-  r.onload = () => e(String(r.result)), r.onerror = n, r.readAsDataURL(t);
-}), At = () => {
+  const o = t.startsWith(Q) || t.startsWith(O) || t.startsWith(Z) ? t : `${O}${t}`, n = window.getSelection();
+  return (!n || n.isCollapsed) && e ? s("insertHTML", `<a href="${o}">${et(e)}</a>`) : s("createLink", o);
+}, Et = (t) => s("foreColor", t), At = (t) => s("hiliteColor", t), ot = (t) => s("insertHTML", t), Ct = (t, e = "") => {
+  const o = e.replace(/"/g, "&quot;");
+  return ot(`<img src="${t}" alt="${o}" style="max-width:100%;height:auto;" />`);
+}, gt = (t) => new Promise((e, o) => {
+  const n = new FileReader();
+  n.onload = () => e(String(n.result)), n.onerror = o, n.readAsDataURL(t);
+}), yt = () => {
   const t = /* @__PURE__ */ new Set();
-  return c("bold") && t.add("bold"), c("italic") && t.add("italic"), c("underline") && t.add("underline"), c("strikeThrough") && t.add("strikethrough"), c(S) && t.add("bulletList"), c(D) && t.add("orderedList"), c($) && t.add("superscript"), c(G) && t.add("subscript"), t;
-}, g = (t) => {
-  t.style.removeProperty(v), t.style.removeProperty(B), t.style.removeProperty(W), t.hasAttribute(C) && t.removeAttribute(C);
+  return l("bold") && t.add("bold"), l("italic") && t.add("italic"), l("underline") && t.add("underline"), l("strikeThrough") && t.add("strikethrough"), l(p) && t.add("bulletList"), l(E) && t.add("orderedList"), l(G) && t.add("superscript"), l(V) && t.add("subscript"), t;
+}, N = (t) => {
+  t.style.removeProperty(F), t.style.removeProperty(W), t.style.removeProperty(K), t.hasAttribute(g) && t.removeAttribute(g);
   const e = t.getAttribute(y);
   e !== null && !e.trim() && t.removeAttribute(y);
-}, rt = () => {
+}, nt = () => {
   const t = window.getSelection();
-  if (!t || t.rangeCount === i) return;
-  const n = t.getRangeAt(i).commonAncestorContainer, r = n.nodeType === x ? n : n.parentElement;
-  r && (r instanceof HTMLElement && t.containsNode(r, !0) && g(r), r.querySelectorAll("*").forEach((o) => {
-    o instanceof HTMLElement && t.containsNode(o, !0) && g(o);
+  if (!t || t.rangeCount === c) return;
+  const o = t.getRangeAt(c).commonAncestorContainer, n = o.nodeType === q ? o : o.parentElement;
+  n && (n instanceof HTMLElement && t.containsNode(n, !0) && N(n), n.querySelectorAll("*").forEach((r) => {
+    r instanceof HTMLElement && t.containsNode(r, !0) && N(r);
   }));
-}, Ct = () => {
-  const t = s(q);
-  return rt(), t;
-}, yt = (t) => {
-  const e = w[t] ?? t;
-  if (s(V, "true"), t === P) {
-    const n = window.getSelection();
-    if (!n || n.rangeCount === i || n.isCollapsed)
-      return s(d, e);
-    const r = n.getRangeAt(i), o = document.createElement("span");
-    o.style.setProperty(U, e);
+}, Ot = () => {
+  const t = s($);
+  return nt(), t;
+}, Nt = (t) => {
+  const e = x[t] ?? t;
+  if (s(X, "true"), t === U) {
+    const o = window.getSelection();
+    if (!o || o.rangeCount === c || o.isCollapsed)
+      return s(m, e);
+    const n = o.getRangeAt(c), r = document.createElement("span");
+    r.style.setProperty(Y, e);
     try {
-      return r.surroundContents(o), !0;
+      return n.surroundContents(r), !0;
     } catch {
-      return s(d, e);
+      return s(m, e);
     }
   }
-  return s(d, t);
-}, nt = (t) => {
-  t.classList.remove(_, f), t.style.removeProperty("list-style-type");
-}, Ot = (t) => {
-  s(t === l || t === u ? S : D);
+  return s(m, t);
+}, rt = (t) => {
+  t.classList.remove(_, S), t.style.removeProperty("list-style-type");
+}, ht = (t) => {
+  s(t === u || t === L ? p : E);
   const e = window.getSelection();
-  let r = (e == null ? void 0 : e.anchorNode) ?? null, o = null;
-  for (; r; ) {
-    if (r instanceof HTMLElement && (r.tagName === N || r.tagName === R)) {
-      o = r;
+  let n = (e == null ? void 0 : e.anchorNode) ?? null, r = null;
+  for (; n; ) {
+    if (n instanceof HTMLElement && (n.tagName === R || n.tagName === M)) {
+      r = n;
       break;
     }
-    r = r.parentNode;
+    n = n.parentNode;
   }
-  return o && (nt(o), t === l ? o.style.listStyleType = H : t === u ? o.classList.add(_) : t === h ? o.style.listStyleType = b : t === I && (o.classList.add(f), o.style.listStyleType = M)), !0;
-}, gt = () => {
+  return r && (rt(r), t === u ? r.style.listStyleType = v : t === L ? r.classList.add(_) : t === P ? r.style.listStyleType = B : t === D && (r.classList.add(S), r.style.listStyleType = I)), !0;
+}, Rt = () => {
   const t = window.getSelection();
   let e = (t == null ? void 0 : t.anchorNode) ?? null;
   for (; e; ) {
     if (e instanceof HTMLElement) {
-      if (e.tagName === N)
-        return e.classList.contains(_) ? u : l;
       if (e.tagName === R)
-        return e.classList.contains(f) || e.style.listStyleType === M ? I : h;
+        return e.classList.contains(_) ? L : u;
+      if (e.tagName === M)
+        return e.classList.contains(S) || e.style.listStyleType === I ? D : P;
     }
     e = e.parentNode;
   }
-  return l;
-}, Nt = (t, e) => {
-  const n = window.getSelection(), r = F((n == null ? void 0 : n.anchorNode) ?? null, t);
-  return r ? (r.setAttribute(k, e), !0) : !1;
-}, Rt = (t) => {
-  if (t.key !== Y) return !1;
+  return u;
+}, Mt = (t, e) => {
+  const o = window.getSelection(), n = H((o == null ? void 0 : o.anchorNode) ?? null, t);
+  return n ? (n.setAttribute(b, e), !0) : !1;
+}, st = [
+  { prefix: "###", command: "formatBlock", value: "h3" },
+  { prefix: "##", command: "formatBlock", value: "h2" },
+  { prefix: "#", command: "formatBlock", value: "h1" },
+  { prefix: ">", command: "formatBlock", value: "blockquote" },
+  { prefix: "1.", command: E }
+], It = (t) => {
+  if (t.key !== h) return !1;
   const e = window.getSelection();
-  if (!e || !e.isCollapsed || e.rangeCount === i)
+  if (!e || !e.isCollapsed || e.rangeCount === c) return !1;
+  const o = e.anchorNode;
+  if (!o || o.nodeType !== w) return !1;
+  const n = o.textContent ?? "", r = e.anchorOffset, d = n.slice(c, r), i = st.find((k) => d.endsWith(k.prefix));
+  if (!i) return !1;
+  const a = r - i.prefix.length, T = a > c ? d[a - 1] : "";
+  if (T && T !== `
+`) return !1;
+  t.preventDefault();
+  const f = e.getRangeAt(c);
+  return f.setStart(o, a), f.setEnd(o, r), f.deleteContents(), i.value ? s(i.command, i.value) : s(i.command), !0;
+}, Dt = (t) => {
+  if (t.key !== h) return !1;
+  const e = window.getSelection();
+  if (!e || !e.isCollapsed || e.rangeCount === c)
     return !1;
-  const n = e.anchorNode;
-  if (!n || n.nodeType !== K) return !1;
-  const r = n.textContent ?? "", o = e.anchorOffset, T = r.slice(i, o), m = T.endsWith(E) ? E : T.endsWith(A) ? A : null;
-  if (!m) return !1;
-  const a = o - m.length;
-  if (a < i) return !1;
-  const p = a > i ? T[a - 1] : "";
-  if (p && p !== `
+  const o = e.anchorNode;
+  if (!o || o.nodeType !== w) return !1;
+  const n = o.textContent ?? "", r = e.anchorOffset, d = n.slice(c, r), i = d.endsWith(A) ? A : d.endsWith(C) ? C : null;
+  if (!i) return !1;
+  const a = r - i.length;
+  if (a < c) return !1;
+  const T = a > c ? d[a - 1] : "";
+  if (T && T !== `
 `) return !1;
   t.preventDefault();
-  const L = e.getRangeAt(i);
-  return L.setStart(n, a), L.setEnd(n, o), L.deleteContents(), s(S), !0;
+  const f = e.getRangeAt(c);
+  return f.setStart(o, a), f.setEnd(o, r), f.deleteContents(), s(p), !0;
 };
 export {
-  yt as applyFontFamily,
-  Ot as applyListType,
-  Ct as clearFormatDeep,
-  gt as detectListType,
+  Nt as applyFontFamily,
+  ht as applyListType,
+  Ot as clearFormatDeep,
+  Rt as detectListType,
   s as execCommand,
-  Et as fileToDataUrl,
-  At as getActiveFormats,
-  et as insertHTML,
-  pt as insertImage,
-  ft as insertLink,
-  c as queryCommandState,
-  _t as queryCommandValue,
-  Nt as setBlockDirection,
-  mt as setHighlightColor,
-  St as setTextColor,
-  rt as stripSelectionColors,
-  Rt as tryConvertMarkdownListPrefix
+  gt as fileToDataUrl,
+  yt as getActiveFormats,
+  ot as insertHTML,
+  Ct as insertImage,
+  pt as insertLink,
+  l as queryCommandState,
+  St as queryCommandValue,
+  Mt as setBlockDirection,
+  At as setHighlightColor,
+  Et as setTextColor,
+  nt as stripSelectionColors,
+  It as tryConvertMarkdownBlockPrefix,
+  Dt as tryConvertMarkdownListPrefix
 };

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

@@ -1,2 +1,2 @@
-export { execCommand, queryCommandState, queryCommandValue, insertLink, setTextColor, setHighlightColor, insertHTML, insertImage, fileToDataUrl, getActiveFormats, applyFormat, applyFontFamily, applyListType, detectListType, setBlockDirection, clearFormatDeep, stripSelectionColors, tryConvertMarkdownListPrefix, isSelectionInListItem, } from './format.utils';
+export { execCommand, queryCommandState, queryCommandValue, insertLink, setTextColor, setHighlightColor, insertHTML, insertImage, fileToDataUrl, getActiveFormats, applyFormat, applyFontFamily, applyListType, detectListType, setBlockDirection, clearFormatDeep, stripSelectionColors, tryConvertMarkdownBlockPrefix, tryConvertMarkdownListPrefix, isSelectionInListItem, } from './format.utils';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InkEditor/helpers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,4BAA4B,EAC5B,qBAAqB,GACtB,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InkEditor/helpers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,6BAA6B,EAC7B,4BAA4B,EAC5B,qBAAqB,GACtB,MAAM,gBAAgB,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"),H=require("../InkTabs/InkTabs.cjs"),j=require("../InkEditor/InkEditor.cjs"),f=require("../InkEditor/components/PresenceStack/PresenceStack.cjs"),X=require("./hooks/useInkWorkspace.cjs"),t=require("./components/WorkspaceIcons.cjs"),P=require("../../constants/numbers.cjs"),A=require("../../constants/generals.const.cjs");require("../../constants/openai.const.cjs");const d=require("../../utils/cn.utils.cjs");require("../../utils/paste.utils.cjs");require("../../utils/exportDocument.utils.cjs");const i=require("../../common-components/Button/Button.cjs");require("react");require("react-dom");const n=require("../../constants/workspace.const.cjs"),G=p=>{const{documents:E,activeDocumentId:O,onActiveDocumentChange:T,onDocumentChange:r,onDocumentDelete:N,onDocumentRename:b,onDocumentSave:u,folders:S=[],onFolderCreate:K,onFolderDelete:m,collaboration:o,editorProps:C={},className:W=A.EMPTY_STRING,style:D}=p,{sidebarOpen:k,setSidebarOpen:v,splitMode:_,setSplitMode:I,setSecondaryDocId:w,searchQuery:y,setSearchQuery:B,editingDocId:g,editTitle:q,setEditTitle:M,activeDocument:l,secondaryDocument:c,filteredDocs:F,handleCreateDocument:R,handleStartRename:x,handleSaveRename:h,handleCancelRename:U}=X.useInkWorkspace(p);return e.jsxs("div",{className:d.cn("ink-workspace-root",W),style:D,"data-split-mode":_,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:()=>v(!k),title:k?n.INK_WORKSPACE_HIDE_EXPLORER_TITLE:n.INK_WORKSPACE_SHOW_EXPLORER_TITLE,"aria-label":k?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:["(",E.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:d.cn("ink-workspace-icon-btn",_===n.INK_SPLIT_MODE_NONE&&"ink-active"),onClick:()=>I(n.INK_SPLIT_MODE_NONE),title:n.INK_WORKSPACE_SINGLE_VIEW_TITLE,children:e.jsx(t.SingleViewIcon,{})}),e.jsx(i.Button,{type:"button",className:d.cn("ink-workspace-icon-btn",_===n.INK_SPLIT_MODE_VERTICAL&&"ink-active"),onClick:()=>I(n.INK_SPLIT_MODE_VERTICAL),title:n.INK_WORKSPACE_SPLIT_SIDE_TITLE,children:e.jsx(t.SplitVerticalIcon,{})}),e.jsx(i.Button,{type:"button",className:d.cn("ink-workspace-icon-btn",_===n.INK_SPLIT_MODE_HORIZONTAL&&"ink-active"),onClick:()=>I(n.INK_SPLIT_MODE_HORIZONTAL),title:n.INK_WORKSPACE_SPLIT_STACKED_TITLE,children:e.jsx(t.SplitHorizontalIcon,{})})]}),u&&l&&e.jsx(i.Button,{type:"button",className:"ink-workspace-icon-btn",onClick:()=>u(l.id),title:n.INK_WORKSPACE_SAVE_TITLE,"aria-label":n.INK_WORKSPACE_SAVE_TITLE,children:e.jsx(t.SaveDocIcon,{})}),(o==null?void 0:o.collaborators)&&e.jsx(f.PresenceStack,{collaborators:o.collaborators,maxAvatars:o.maxAvatars})]})]}),e.jsxs("div",{className:"ink-workspace-body",children:[k&&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:y,onChange:s=>B(s.target.value)}),e.jsx(i.Button,{type:"button",className:"ink-workspace-new-doc-btn",onClick:R,title:n.INK_WORKSPACE_NEW_DOC_BUTTON,"aria-label":n.INK_WORKSPACE_NEW_DOC_BUTTON,children:n.INK_WORKSPACE_NEW_DOC_BUTTON}),K&&e.jsx(i.Button,{type:"button",className:"ink-workspace-icon-btn",onClick:()=>K(n.INK_WORKSPACE_NEW_FOLDER),title:n.INK_WORKSPACE_NEW_FOLDER,"aria-label":n.INK_WORKSPACE_NEW_FOLDER,children:e.jsx(t.NewFolderIcon,{})})]}),S.length>P.NUMBER_ZERO&&e.jsx("div",{className:"ink-workspace-folders-section",children:S.map(s=>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:s.name}),m&&e.jsx(i.Button,{type:"button",className:"ink-doc-action-btn ink-delete",onClick:()=>m(s.id),title:n.INK_WORKSPACE_CLOSE_FOLDER_BUTTON,"aria-label":n.INK_WORKSPACE_CLOSE_FOLDER_BUTTON,children:n.INK_WORKSPACE_CLOSE_FOLDER_BUTTON})]},s.id))}),e.jsx("div",{className:"ink-workspace-doc-list",role:"tree",children:F.map(s=>{const L=s.id===O,V=g===s.id;return e.jsxs("div",{role:"treeitem","aria-selected":L,className:d.cn("ink-workspace-doc-item",L&&"ink-doc-active"),onClick:()=>T(s.id),children:[e.jsx("span",{className:"ink-doc-icon",children:s.icon||e.jsx(t.FileDocumentIcon,{})}),V?e.jsx("input",{type:"text",className:"ink-doc-title-input",value:q,autoFocus:!0,onChange:a=>M(a.target.value),onBlur:()=>h(s.id),onKeyDown:a=>{a.key==="Enter"&&h(s.id),a.key==="Escape"&&U()},onClick:a=>a.stopPropagation()}):e.jsx("span",{className:"ink-doc-title",onDoubleClick:a=>x(s.id,s.title,a),children:s.title||n.INK_WORKSPACE_UNTITLED_FALLBACK}),s.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:a=>x(s.id,s.title,a),title:n.INK_WORKSPACE_RENAME_TITLE,"aria-label":n.INK_WORKSPACE_RENAME_TITLE,children:e.jsx(t.RenamePencilIcon,{})}),E.length>P.NUMBER_ONE&&N&&e.jsx(i.Button,{type:"button",className:"ink-doc-action-btn ink-delete",onClick:a=>{a.stopPropagation(),N(s.id)},title:n.INK_WORKSPACE_DELETE_TITLE,"aria-label":n.INK_WORKSPACE_DELETE_TITLE,children:e.jsx(t.CloseCrossIcon,{})})]})]},s.id)})})]}),e.jsxs("main",{className:d.cn("ink-workspace-main-area",`ink-split-${_}`),children:[e.jsxs("section",{className:"ink-workspace-pane ink-primary-pane",children:[e.jsx(H.InkTabs,{documents:E,activeDocumentId:O,onTabSelect:T,onTabClose:N,onTabAdd:R,onTabRename:b}),l&&e.jsx("div",{className:"ink-workspace-editor-wrapper",children:e.jsx(j.InkEditor,{value:l.content,onChange:s=>r==null?void 0:r(l.id,s),readOnly:l.readOnly,collaboration:o,...C},l.id)})]}),_!==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)||A.EMPTY_STRING,onChange:s=>w(s.target.value),"aria-label":n.INK_WORKSPACE_SPLIT_VIEW_LABEL,children:E.map(s=>e.jsx("option",{value:s.id,children:s.title},s.id))})]}),c&&e.jsx("div",{className:"ink-workspace-editor-wrapper",children:e.jsx(j.InkEditor,{value:c.content,onChange:s=>r==null?void 0:r(c.id,s),readOnly:c.readOnly,...C},`sec-${c.id}`)})]})]})]})]})};exports.InkWorkspace=G;

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,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA2CjD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0SpD,CAAC"}