@forgedevstack/ink 1.1.7 → 1.1.9

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

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

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

@@ -0,0 +1,11 @@
+import { GraphColors, GraphPoint } from '../../../../plugins/graph';
+export type GraphEditMode = 'values' | 'colors';
+export type GraphEditModalProps = {
+    open: boolean;
+    mode: GraphEditMode;
+    points: GraphPoint[];
+    colors: GraphColors;
+    onClose: () => void;
+    onApply: (points: GraphPoint[], colors: GraphColors) => void;
+};
+//# sourceMappingURL=GraphEditModal.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GraphEditModal.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/GraphEditModal/GraphEditModal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEzE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC9D,CAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type GraphPickerProps = {
+    icon: ReactNode;
+    disabled?: boolean;
+    hint?: string;
+    onHint?: (hint: string) => void;
+    pluginColor?: string;
+    onInsert: (html: string) => void;
+};
+//# sourceMappingURL=GraphPicker.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GraphPicker.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/GraphPicker/GraphPicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlSourcePanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/HtmlSourcePanel/HtmlSourcePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,EAAE,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAkBpD,CAAC"}

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

@@ -0,0 +1,27 @@
+import { jsx as n } from "react/jsx-runtime";
+import { INK_HTML_SOURCE_TITLE as m } from "../../../../constants/generals.const.js";
+import { INK_CLASS_SOURCE as i } from "../../../../constants/defaults.const.js";
+import "../../../../constants/openai.const.js";
+import "../../../../utils/paste.utils.js";
+import "react";
+import "react-dom";
+const _ = (e) => {
+  const { value: a, onChange: t, disabled: o = !1, minHeight: r } = e;
+  return /* @__PURE__ */ n(
+    "textarea",
+    {
+      className: i,
+      "aria-label": m,
+      value: a,
+      disabled: o,
+      spellCheck: !1,
+      style: { minHeight: r },
+      onChange: (l) => {
+        t(l.target.value);
+      }
+    }
+  );
+};
+export {
+  _ as HtmlSourcePanel
+};

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

@@ -0,0 +1,7 @@
+export type HtmlSourcePanelProps = {
+    value: string;
+    onChange: (next: string) => void;
+    disabled?: boolean;
+    minHeight?: string;
+};
+//# sourceMappingURL=HtmlSourcePanel.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlSourcePanel.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/HtmlSourcePanel/HtmlSourcePanel.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/HtmlSourcePanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"OutlineRail.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/OutlineRail/OutlineRail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAuB5C,CAAC"}
+{"version":3,"file":"OutlineRail.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/OutlineRail/OutlineRail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAYhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAiC5C,CAAC"}

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

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

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

@@ -3,5 +3,6 @@ export type OutlineRailProps = {
     items: OutlineItem[];
     activeIndex: number;
     onSelect: (index: number) => void;
+    onHide?: () => void;
 };
 //# sourceMappingURL=OutlineRail.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"OutlineRail.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/OutlineRail/OutlineRail.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC"}
+{"version":3,"file":"OutlineRail.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/OutlineRail/OutlineRail.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}

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"}