@forgedevstack/ink 1.1.6 → 1.1.8

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

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,CAmNpD,CAAC"}

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

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

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
+};