@forgedevstack/ink 1.1.7 → 1.1.9

package/dist/components/InkEditor/components/AiPanel/AiPanel.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),k=require("../../../../constants/defaults.const.cjs"),G=require("../../../../constants/aiModels.const.cjs");require("../../../../constants/openai.const.cjs");const C=require("../../../../utils/id.utils.cjs");require("../../../../utils/paste.utils.cjs");require("react-dom");const $=require("../../../../plugins/ai/aiPlugin.cjs"),B=T=>{var N,f,y,S;const{config:s,documentHtml:v,selectionHtml:b,onApplyHtml:L,onClose:x,onBusyChange:_}=T,[a,H]=i.useState("chat"),[g,j]=i.useState(""),[r,h]=i.useState([]),[l,q]=i.useState(!1),[o,m]=i.useState(null),[D,M]=i.useState([]),[A,R]=i.useState(k.INK_TRANSLATE_LANGUAGES[1]),K=s.providerId||G.INK_AI_DEMO_PROVIDER_ID,O=((N=s.uiTheme)==null?void 0:N.className)||s.className||"",p=e=>{q(e),_==null||_(e)},c=async(e,d,u)=>{var E;p(!0);try{const w=e==="chat"&&u?[...r,{id:C.createInkId("turn"),role:"user",content:u,timestamp:Date.now(),capability:e}]:r;e==="chat"&&u&&h(w);const n=await $.inkAi.runProvider(K,{capability:e,html:v,selectionHtml:b||void 0,prompt:u,history:w,options:d,modelId:s.modelId,documentSnapshot:{html:v,selectionHtml:b||void 0}});(E=n.turns)!=null&&E.length?h(I=>[...I,...n.turns]):n.text&&e!=="chat"&&h(I=>[...I,{id:C.createInkId("turn"),role:"assistant",content:n.text||"",timestamp:Date.now(),capability:e}]),n.diff&&m(n.diff),n.reviewSuggestions&&M(n.reviewSuggestions)}finally{p(!1)}},P=e=>{e.preventDefault();const d=g.trim();!d||l||(j(""),c("chat",void 0,d))};return t.jsxs("aside",{className:`Ink-Ai ${O}`.trim(),"data-placement":s.placement||"sidebar",style:{"--ink-ai-accent":(f=s.uiTheme)==null?void 0:f.accent,"--ink-ai-surface":(y=s.uiTheme)==null?void 0:y.surface,"--ink-ai-border":(S=s.uiTheme)==null?void 0:S.border},"aria-label":"Ink AI",children:[t.jsxs("div",{className:"Ink-Ai__header",children:[t.jsx("strong",{children:"Ink AI"}),x?t.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:x,title:"Close AI",children:"×"}):null]}),t.jsx("div",{className:"Ink-Ai__tabs",role:"tablist",children:["chat","actions","review","translate"].map(e=>t.jsx("button",{type:"button",role:"tab",className:`Ink-Editor__button${a===e?" Ink-Editor__button--active":""}`,"aria-selected":a===e,onClick:()=>H(e),children:e},e))}),t.jsxs("div",{className:"Ink-Ai__body",children:[a==="chat"?t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"Ink-Ai__history",children:r.length===0?t.jsxs("p",{className:"Ink-Ai__empty",children:["Multi-turn chat with local demo provider. Bring your own LLM via"," ",t.jsx("code",{children:"inkAi.registerProvider"}),"."]}):r.map(e=>t.jsxs("div",{className:`Ink-Ai__turn Ink-Ai__turn--${e.role}`,children:[t.jsx("span",{children:e.role}),t.jsx("p",{children:e.content})]},e.id))}),t.jsxs("form",{className:"Ink-Ai__form",onSubmit:P,children:[t.jsx("input",{value:g,onChange:e=>j(e.target.value),placeholder:"Ask Ink AI…",disabled:l}),t.jsx("button",{type:"submit",className:"Ink-Editor__button Ink-Editor__button--active",disabled:l,children:"Send"})]})]}):null,a==="actions"?t.jsxs("div",{className:"Ink-Ai__actions",children:[t.jsx("p",{className:"Ink-Ai__hint",children:"Quick actions use the current selection (or full document)."}),k.INK_QUICK_ACTIONS.map(e=>t.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Ai__action",disabled:l,onClick:()=>void c(e.capability),children:e.label},e.id))]}):null,a==="review"?t.jsxs("div",{className:"Ink-Ai__review",children:[t.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Editor__button--active",disabled:l,onClick:()=>void c("review"),children:"Run grammar & style review"}),D.map(e=>t.jsxs("article",{className:`Ink-Ai__suggestion Ink-Ai__suggestion--${e.severity}`,children:[t.jsx("strong",{children:e.severity}),t.jsx("p",{children:e.message}),t.jsx("code",{children:e.suggestedText})]},e.id))]}):null,a==="translate"?t.jsxs("div",{className:"Ink-Ai__translate",children:[t.jsxs("label",{children:["Language",t.jsx("select",{value:A,onChange:e=>R(e.target.value),children:k.INK_TRANSLATE_LANGUAGES.map(e=>t.jsx("option",{value:e,children:e},e))})]}),t.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Editor__button--active",disabled:l,onClick:()=>void c("translate",{language:A}),children:"Translate"})]}):null,o?t.jsxs("div",{className:"Ink-Ai__diff",children:[t.jsx("strong",{children:"Suggested change"}),t.jsx("p",{children:o.summary}),t.jsx("div",{className:"Ink-Ai__diff-preview",dangerouslySetInnerHTML:{__html:o.suggestedHtml}}),t.jsxs("div",{className:"Ink-Ai__diff-actions",children:[t.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Editor__button--active",onClick:()=>{L(o.suggestedHtml),m(null)},children:"Apply"}),t.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:()=>m(null),children:"Dismiss"})]})]}):null]}),t.jsx("footer",{className:"Ink-Ai__footer",children:"Demo provider · BYO LLM"})]})};exports.AiPanel=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),I=require("../../../../constants/generals.const.cjs"),o=require("../../../../constants/defaults.const.cjs"),P=require("../../../../constants/aiModels.const.cjs");require("../../../../constants/openai.const.cjs");const w=require("../../../../utils/id.utils.cjs");require("../../../../utils/paste.utils.cjs");require("react-dom");const G=require("../../../../plugins/ai/aiPlugin.cjs"),U=L=>{var f,y,S,T;const{config:s,documentHtml:v,selectionHtml:b,onApplyHtml:H,onClose:N,onBusyChange:h}=L,[a,K]=i.useState("chat"),[x,g]=i.useState(""),[c,m]=i.useState([]),[l,q]=i.useState(!1),[d,A]=i.useState(null),[B,D]=i.useState([]),[j,R]=i.useState(o.INK_TRANSLATE_LANGUAGES[1]),M=s.providerId||P.INK_AI_DEMO_PROVIDER_ID,O=((f=s.uiTheme)==null?void 0:f.className)||s.className||"",p=t=>{q(t),h==null||h(t)},u=async(t,r,_)=>{var E;p(!0);try{const C=t==="chat"&&_?[...c,{id:w.createInkId("turn"),role:"user",content:_,timestamp:Date.now(),capability:t}]:c;t==="chat"&&_&&m(C);const n=await G.inkAi.runProvider(M,{capability:t,html:v,selectionHtml:b||void 0,prompt:_,history:C,options:r,modelId:s.modelId,documentSnapshot:{html:v,selectionHtml:b||void 0}});(E=n.turns)!=null&&E.length?m(k=>[...k,...n.turns]):n.text&&t!=="chat"&&m(k=>[...k,{id:w.createInkId("turn"),role:"assistant",content:n.text||"",timestamp:Date.now(),capability:t}]),n.diff&&A(n.diff),n.reviewSuggestions&&D(n.reviewSuggestions)}finally{p(!1)}},$=t=>{t.preventDefault();const r=x.trim();!r||l||(g(""),u("chat",void 0,r))};return e.jsxs("aside",{className:`Ink-Ai ${O}`.trim(),"data-placement":s.placement||"sidebar",style:{"--ink-ai-accent":(y=s.uiTheme)==null?void 0:y.accent,"--ink-ai-surface":(S=s.uiTheme)==null?void 0:S.surface,"--ink-ai-border":(T=s.uiTheme)==null?void 0:T.border},"aria-label":"Ink AI",children:[e.jsxs("div",{className:"Ink-Ai__header",children:[e.jsx("strong",{children:"Ink AI"}),N?e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:N,title:"Close AI",children:"×"}):null]}),e.jsx("div",{className:"Ink-Ai__tabs",role:"tablist",children:[["chat",I.INK_AI_TAB_CHAT],["actions",I.INK_AI_TAB_ACTIONS],["review",I.INK_AI_TAB_REVIEW],["translate",I.INK_AI_TAB_TRANSLATE]].map(([t,r])=>e.jsx("button",{type:"button",role:"tab",className:`${o.INK_CLASS_AI_TAB}${a===t?` ${o.INK_CLASS_AI_TAB_ON}`:""}`,"aria-selected":a===t,onClick:()=>K(t),children:r},t))}),e.jsxs("div",{className:"Ink-Ai__body",children:[a==="chat"?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"Ink-Ai__history",children:c.length===0?e.jsxs("p",{className:"Ink-Ai__empty",children:["Multi-turn chat with local demo provider. Bring your own LLM via"," ",e.jsx("code",{children:"inkAi.registerProvider"}),"."]}):c.map(t=>e.jsxs("div",{className:`Ink-Ai__turn Ink-Ai__turn--${t.role}`,children:[e.jsx("span",{children:t.role}),e.jsx("p",{children:t.content})]},t.id))}),e.jsxs("form",{className:"Ink-Ai__form",onSubmit:$,children:[e.jsx("input",{value:x,onChange:t=>g(t.target.value),placeholder:"Ask Ink AI…",disabled:l}),e.jsx("button",{type:"submit",className:"Ink-Editor__button Ink-Editor__button--active",disabled:l,children:"Send"})]})]}):null,a==="actions"?e.jsxs("div",{className:"Ink-Ai__actions",children:[e.jsx("p",{className:"Ink-Ai__hint",children:"Quick actions use the current selection (or full document)."}),o.INK_QUICK_ACTIONS.map(t=>e.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Ai__action",disabled:l,onClick:()=>void u(t.capability),children:t.label},t.id))]}):null,a==="review"?e.jsxs("div",{className:"Ink-Ai__review",children:[e.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Editor__button--active",disabled:l,onClick:()=>void u("review"),children:"Run grammar & style review"}),B.map(t=>e.jsxs("article",{className:`Ink-Ai__suggestion Ink-Ai__suggestion--${t.severity}`,children:[e.jsx("strong",{children:t.severity}),e.jsx("p",{children:t.message}),e.jsx("code",{children:t.suggestedText})]},t.id))]}):null,a==="translate"?e.jsxs("div",{className:"Ink-Ai__translate",children:[e.jsxs("label",{children:["Language",e.jsx("select",{value:j,onChange:t=>R(t.target.value),children:o.INK_TRANSLATE_LANGUAGES.map(t=>e.jsx("option",{value:t,children:t},t))})]}),e.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Editor__button--active",disabled:l,onClick:()=>void u("translate",{language:j}),children:"Translate"})]}):null,d?e.jsxs("div",{className:"Ink-Ai__diff",children:[e.jsx("strong",{children:"Suggested change"}),e.jsx("p",{children:d.summary}),e.jsx("div",{className:"Ink-Ai__diff-preview",dangerouslySetInnerHTML:{__html:d.suggestedHtml}}),e.jsxs("div",{className:"Ink-Ai__diff-actions",children:[e.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Editor__button--active",onClick:()=>{H(d.suggestedHtml),A(null)},children:"Apply"}),e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:()=>A(null),children:"Dismiss"})]})]}):null]}),e.jsx("footer",{className:"Ink-Ai__footer",children:"Demo provider · BYO LLM"})]})};exports.AiPanel=U;

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

@@ -1 +1 @@
-{"version":3,"file":"AiPanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/AiPanel/AiPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAM1D,OAAO,KAAK,EAEV,WAAW,EAGZ,MAAM,mBAAmB,CAAC;AAI3B,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,WAAW,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAID,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAkOpC,CAAC"}
+{"version":3,"file":"AiPanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/AiPanel/AiPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAY1D,OAAO,KAAK,EAEV,WAAW,EAGZ,MAAM,mBAAmB,CAAC;AAI3B,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,WAAW,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAID,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAyOpC,CAAC"}

package/dist/components/InkEditor/components/AiPanel/AiPanel.js

@@ -1,45 +1,46 @@
 import { jsxs as n, jsx as t, Fragment as P } from "react/jsx-runtime";
 import { useState as l } from "react";
-import { INK_TRANSLATE_LANGUAGES as H, INK_QUICK_ACTIONS as Q } from "../../../../constants/defaults.const.js";
-import { INK_AI_DEMO_PROVIDER_ID as U } from "../../../../constants/aiModels.const.js";
+import { INK_AI_TAB_CHAT as Q, INK_AI_TAB_ACTIONS as U, INK_AI_TAB_REVIEW as V, INK_AI_TAB_TRANSLATE as F } from "../../../../constants/generals.const.js";
+import { INK_TRANSLATE_LANGUAGES as L, INK_CLASS_AI_TAB as W, INK_CLASS_AI_TAB_ON as Y, INK_QUICK_ACTIONS as q } from "../../../../constants/defaults.const.js";
+import { INK_AI_DEMO_PROVIDER_ID as z } from "../../../../constants/aiModels.const.js";
 import "../../../../constants/openai.const.js";
-import { createInkId as D } from "../../../../utils/id.utils.js";
+import { createInkId as H } from "../../../../utils/id.utils.js";
 import "../../../../utils/paste.utils.js";
 import "react-dom";
-import { inkAi as F } from "../../../../plugins/ai/aiPlugin.js";
-const te = (L) => {
-  var y, E, w, C;
-  const { config: i, documentHtml: p, selectionHtml: v, onApplyHtml: x, onClose: b, onBusyChange: _ } = L, [o, M] = l("chat"), [f, g] = l(""), [r, h] = l([]), [a, R] = l(!1), [c, I] = l(null), [K, O] = l([]), [A, $] = l(H[1]), B = i.providerId || U, j = ((y = i.uiTheme) == null ? void 0 : y.className) || i.className || "", N = (e) => {
-    R(e), _ == null || _(e);
-  }, d = async (e, u, m) => {
+import { inkAi as J } from "../../../../plugins/ai/aiPlugin.js";
+const re = (K) => {
+  var y, T, C, E;
+  const { config: i, documentHtml: k, selectionHtml: p, onApplyHtml: B, onClose: v, onBusyChange: m } = K, [o, D] = l("chat"), [b, N] = l(""), [c, h] = l([]), [a, x] = l(!1), [d, I] = l(null), [R, O] = l([]), [f, $] = l(L[1]), M = i.providerId || z, j = ((y = i.uiTheme) == null ? void 0 : y.className) || i.className || "", g = (e) => {
+    x(e), m == null || m(e);
+  }, _ = async (e, r, u) => {
     var S;
-    N(!0);
+    g(!0);
     try {
-      const T = e === "chat" && m ? [
-        ...r,
+      const w = e === "chat" && u ? [
+        ...c,
         {
-          id: D("turn"),
+          id: H("turn"),
           role: "user",
-          content: m,
+          content: u,
           timestamp: Date.now(),
           capability: e
         }
-      ] : r;
-      e === "chat" && m && h(T);
-      const s = await F.runProvider(B, {
+      ] : c;
+      e === "chat" && u && h(w);
+      const s = await J.runProvider(M, {
         capability: e,
-        html: p,
-        selectionHtml: v || void 0,
-        prompt: m,
-        history: T,
-        options: u,
+        html: k,
+        selectionHtml: p || void 0,
+        prompt: u,
+        history: w,
+        options: r,
         modelId: i.modelId,
-        documentSnapshot: { html: p, selectionHtml: v || void 0 }
+        documentSnapshot: { html: k, selectionHtml: p || void 0 }
       });
-      (S = s.turns) != null && S.length ? h((k) => [...k, ...s.turns]) : s.text && e !== "chat" && h((k) => [
-        ...k,
+      (S = s.turns) != null && S.length ? h((A) => [...A, ...s.turns]) : s.text && e !== "chat" && h((A) => [
+        ...A,
         {
-          id: D("turn"),
+          id: H("turn"),
           role: "assistant",
           content: s.text || "",
           timestamp: Date.now(),
@@ -47,12 +48,12 @@ const te = (L) => {
         }
       ]), s.diff && I(s.diff), s.reviewSuggestions && O(s.reviewSuggestions);
     } finally {
-      N(!1);
+      g(!1);
     }
   }, G = (e) => {
     e.preventDefault();
-    const u = f.trim();
-    !u || a || (g(""), d("chat", void 0, u));
+    const r = b.trim();
+    !r || a || (N(""), _("chat", void 0, r));
   };
   return /* @__PURE__ */ n(
     "aside",
@@ -60,36 +61,41 @@ const te = (L) => {
       className: `Ink-Ai ${j}`.trim(),
       "data-placement": i.placement || "sidebar",
       style: {
-        "--ink-ai-accent": (E = i.uiTheme) == null ? void 0 : E.accent,
-        "--ink-ai-surface": (w = i.uiTheme) == null ? void 0 : w.surface,
-        "--ink-ai-border": (C = i.uiTheme) == null ? void 0 : C.border
+        "--ink-ai-accent": (T = i.uiTheme) == null ? void 0 : T.accent,
+        "--ink-ai-surface": (C = i.uiTheme) == null ? void 0 : C.surface,
+        "--ink-ai-border": (E = i.uiTheme) == null ? void 0 : E.border
       },
       "aria-label": "Ink AI",
       children: [
         /* @__PURE__ */ n("div", { className: "Ink-Ai__header", children: [
           /* @__PURE__ */ t("strong", { children: "Ink AI" }),
-          b ? /* @__PURE__ */ t("button", { type: "button", className: "Ink-Editor__button", onClick: b, title: "Close AI", children: "×" }) : null
+          v ? /* @__PURE__ */ t("button", { type: "button", className: "Ink-Editor__button", onClick: v, title: "Close AI", children: "×" }) : null
         ] }),
-        /* @__PURE__ */ t("div", { className: "Ink-Ai__tabs", role: "tablist", children: ["chat", "actions", "review", "translate"].map((e) => /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { className: "Ink-Ai__tabs", role: "tablist", children: [
+          ["chat", Q],
+          ["actions", U],
+          ["review", V],
+          ["translate", F]
+        ].map(([e, r]) => /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             role: "tab",
-            className: `Ink-Editor__button${o === e ? " Ink-Editor__button--active" : ""}`,
+            className: `${W}${o === e ? ` ${Y}` : ""}`,
             "aria-selected": o === e,
-            onClick: () => M(e),
-            children: e
+            onClick: () => D(e),
+            children: r
           },
           e
         )) }),
         /* @__PURE__ */ n("div", { className: "Ink-Ai__body", children: [
           o === "chat" ? /* @__PURE__ */ n(P, { children: [
-            /* @__PURE__ */ t("div", { className: "Ink-Ai__history", children: r.length === 0 ? /* @__PURE__ */ n("p", { className: "Ink-Ai__empty", children: [
+            /* @__PURE__ */ t("div", { className: "Ink-Ai__history", children: c.length === 0 ? /* @__PURE__ */ n("p", { className: "Ink-Ai__empty", children: [
               "Multi-turn chat with local demo provider. Bring your own LLM via",
               " ",
               /* @__PURE__ */ t("code", { children: "inkAi.registerProvider" }),
               "."
-            ] }) : r.map((e) => /* @__PURE__ */ n("div", { className: `Ink-Ai__turn Ink-Ai__turn--${e.role}`, children: [
+            ] }) : c.map((e) => /* @__PURE__ */ n("div", { className: `Ink-Ai__turn Ink-Ai__turn--${e.role}`, children: [
               /* @__PURE__ */ t("span", { children: e.role }),
               /* @__PURE__ */ t("p", { children: e.content })
             ] }, e.id)) }),
@@ -97,8 +103,8 @@ const te = (L) => {
               /* @__PURE__ */ t(
                 "input",
                 {
-                  value: f,
-                  onChange: (e) => g(e.target.value),
+                  value: b,
+                  onChange: (e) => N(e.target.value),
                   placeholder: "Ask Ink AI…",
                   disabled: a
                 }
@@ -108,13 +114,13 @@ const te = (L) => {
           ] }) : null,
           o === "actions" ? /* @__PURE__ */ n("div", { className: "Ink-Ai__actions", children: [
             /* @__PURE__ */ t("p", { className: "Ink-Ai__hint", children: "Quick actions use the current selection (or full document)." }),
-            Q.map((e) => /* @__PURE__ */ t(
+            q.map((e) => /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
                 className: "Ink-Editor__button Ink-Ai__action",
                 disabled: a,
-                onClick: () => void d(e.capability),
+                onClick: () => void _(e.capability),
                 children: e.label
               },
               e.id
@@ -127,11 +133,11 @@ const te = (L) => {
                 type: "button",
                 className: "Ink-Editor__button Ink-Editor__button--active",
                 disabled: a,
-                onClick: () => void d("review"),
+                onClick: () => void _("review"),
                 children: "Run grammar & style review"
               }
             ),
-            K.map((e) => /* @__PURE__ */ n("article", { className: `Ink-Ai__suggestion Ink-Ai__suggestion--${e.severity}`, children: [
+            R.map((e) => /* @__PURE__ */ n("article", { className: `Ink-Ai__suggestion Ink-Ai__suggestion--${e.severity}`, children: [
               /* @__PURE__ */ t("strong", { children: e.severity }),
               /* @__PURE__ */ t("p", { children: e.message }),
               /* @__PURE__ */ t("code", { children: e.suggestedText })
@@ -140,7 +146,7 @@ const te = (L) => {
           o === "translate" ? /* @__PURE__ */ n("div", { className: "Ink-Ai__translate", children: [
             /* @__PURE__ */ n("label", { children: [
               "Language",
-              /* @__PURE__ */ t("select", { value: A, onChange: (e) => $(e.target.value), children: H.map((e) => /* @__PURE__ */ t("option", { value: e, children: e }, e)) })
+              /* @__PURE__ */ t("select", { value: f, onChange: (e) => $(e.target.value), children: L.map((e) => /* @__PURE__ */ t("option", { value: e, children: e }, e)) })
             ] }),
             /* @__PURE__ */ t(
               "button",
@@ -148,15 +154,15 @@ const te = (L) => {
                 type: "button",
                 className: "Ink-Editor__button Ink-Editor__button--active",
                 disabled: a,
-                onClick: () => void d("translate", { language: A }),
+                onClick: () => void _("translate", { language: f }),
                 children: "Translate"
               }
             )
           ] }) : null,
-          c ? /* @__PURE__ */ n("div", { className: "Ink-Ai__diff", children: [
+          d ? /* @__PURE__ */ n("div", { className: "Ink-Ai__diff", children: [
             /* @__PURE__ */ t("strong", { children: "Suggested change" }),
-            /* @__PURE__ */ t("p", { children: c.summary }),
-            /* @__PURE__ */ t("div", { className: "Ink-Ai__diff-preview", dangerouslySetInnerHTML: { __html: c.suggestedHtml } }),
+            /* @__PURE__ */ t("p", { children: d.summary }),
+            /* @__PURE__ */ t("div", { className: "Ink-Ai__diff-preview", dangerouslySetInnerHTML: { __html: d.suggestedHtml } }),
             /* @__PURE__ */ n("div", { className: "Ink-Ai__diff-actions", children: [
               /* @__PURE__ */ t(
                 "button",
@@ -164,7 +170,7 @@ const te = (L) => {
                   type: "button",
                   className: "Ink-Editor__button Ink-Editor__button--active",
                   onClick: () => {
-                    x(c.suggestedHtml), I(null);
+                    B(d.suggestedHtml), I(null);
                   },
                   children: "Apply"
                 }
@@ -179,5 +185,5 @@ const te = (L) => {
   );
 };
 export {
-  te as AiPanel
+  re as AiPanel
 };

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExcelSheetPanel.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ExcelSheetPanel/ExcelSheetPanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,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/ExcelSheetPanel/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ExcelSheetPanel/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/GraphEditModal/GraphEditModal.cjs

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GraphEditModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/GraphEditModal/GraphEditModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAcrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAIlE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA4FlD,CAAC"}