@forgedevstack/ink 1.1.3 → 1.1.5

package/dist/components/InkEditor/components/AiAutocomplete/AiAutocomplete.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("./AiAutocomplete.const.cjs"),l=i=>{const{suggestion:e,position:t,visible:s}=i;return!s||!e?null:n.jsx("span",{className:o.AI_AUTOCOMPLETE_CLASS,style:{top:t.top,left:t.left},"aria-hidden":o.AI_AUTOCOMPLETE_ARIA_HIDDEN,children:e})};exports.AiAutocomplete=l;

package/dist/components/InkEditor/components/AiAutocomplete/AiAutocomplete.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../../../constants/numbers.cjs"),_="Ink-AiAutocomplete",A=!0,T=E.NUMBER_SIX*E.NUMBER_ONE_HUNDRED,O=E.NUMBER_FOUR*E.NUMBER_ONE_HUNDRED,M=E.NUMBER_FOUR,U="insertText";exports.AI_AUTOCOMPLETE_ARIA_HIDDEN=A;exports.AI_AUTOCOMPLETE_CARET_OFFSET_Y_PX=M;exports.AI_AUTOCOMPLETE_CLASS=_;exports.AI_AUTOCOMPLETE_COMMAND_INSERT_TEXT=U;exports.AI_AUTOCOMPLETE_DEBOUNCE_MS=T;exports.AI_AUTOCOMPLETE_MAX_PREFIX_CHARS=O;

package/dist/components/InkEditor/components/AiAutocomplete/AiAutocomplete.const.d.ts

@@ -0,0 +1,7 @@
+export declare const AI_AUTOCOMPLETE_CLASS = "Ink-AiAutocomplete";
+export declare const AI_AUTOCOMPLETE_ARIA_HIDDEN = true;
+export declare const AI_AUTOCOMPLETE_DEBOUNCE_MS: number;
+export declare const AI_AUTOCOMPLETE_MAX_PREFIX_CHARS: number;
+export declare const AI_AUTOCOMPLETE_CARET_OFFSET_Y_PX = 4;
+export declare const AI_AUTOCOMPLETE_COMMAND_INSERT_TEXT = "insertText";
+//# sourceMappingURL=AiAutocomplete.const.d.ts.map

package/dist/components/InkEditor/components/AiAutocomplete/AiAutocomplete.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiAutocomplete.const.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/AiAutocomplete/AiAutocomplete.const.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,qBAAqB,uBAAuB,CAAC;AAC1D,eAAO,MAAM,2BAA2B,OAAO,CAAC;AAChD,eAAO,MAAM,2BAA2B,QAAkC,CAAC;AAC3E,eAAO,MAAM,gCAAgC,QAAmC,CAAC;AACjF,eAAO,MAAM,iCAAiC,IAAc,CAAC;AAC7D,eAAO,MAAM,mCAAmC,eAAe,CAAC"}

package/dist/components/InkEditor/components/AiAutocomplete/AiAutocomplete.const.js

@@ -0,0 +1,10 @@
+import { NUMBER_SIX as A, NUMBER_ONE_HUNDRED as E, NUMBER_FOUR as _ } from "../../../../constants/numbers.js";
+const O = "Ink-AiAutocomplete", t = !0, M = A * E, I = _ * E, U = _, o = "insertText";
+export {
+  t as AI_AUTOCOMPLETE_ARIA_HIDDEN,
+  U as AI_AUTOCOMPLETE_CARET_OFFSET_Y_PX,
+  O as AI_AUTOCOMPLETE_CLASS,
+  o as AI_AUTOCOMPLETE_COMMAND_INSERT_TEXT,
+  M as AI_AUTOCOMPLETE_DEBOUNCE_MS,
+  I as AI_AUTOCOMPLETE_MAX_PREFIX_CHARS
+};

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

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

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

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

package/dist/components/InkEditor/components/AiAutocomplete/AiAutocomplete.js

@@ -0,0 +1,17 @@
+import { jsx as r } from "react/jsx-runtime";
+import { AI_AUTOCOMPLETE_ARIA_HIDDEN as s, AI_AUTOCOMPLETE_CLASS as n } from "./AiAutocomplete.const.js";
+const p = (e) => {
+  const { suggestion: t, position: o, visible: i } = e;
+  return !i || !t ? null : /* @__PURE__ */ r(
+    "span",
+    {
+      className: n,
+      style: { top: o.top, left: o.left },
+      "aria-hidden": s,
+      children: t
+    }
+  );
+};
+export {
+  p as AiAutocomplete
+};

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

@@ -0,0 +1,12 @@
+export interface AiAutocompletePosition {
+    top: number;
+    left: number;
+}
+export interface AiAutocompleteProps {
+    suggestion: string;
+    position: AiAutocompletePosition;
+    visible: boolean;
+    onAccept: () => void;
+    onDismiss: () => void;
+}
+//# sourceMappingURL=AiAutocomplete.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AiAutocomplete.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/AiAutocomplete/AiAutocomplete.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,sBAAsB,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB"}

package/dist/components/InkEditor/components/AiAutocomplete/AiAutocomplete.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../../constants/generals.const.cjs"),s=require("../../../../constants/numbers.cjs"),i=require("./AiAutocomplete.const.cjs"),l=(e,t=i.AI_AUTOCOMPLETE_MAX_PREFIX_CHARS)=>{const n=window.getSelection();if(!n||n.rangeCount===s.NUMBER_ZERO||!n.isCollapsed||!e.contains(n.anchorNode))return c.EMPTY_STRING;const r=n.getRangeAt(s.NUMBER_ZERO),o=document.createRange();return o.selectNodeContents(e),o.setEnd(r.startContainer,r.startOffset),o.toString().slice(-t)},a=e=>{const t=window.getSelection();if(!t||t.rangeCount===s.NUMBER_ZERO||!t.isCollapsed||!e.contains(t.anchorNode))return null;const r=t.getRangeAt(s.NUMBER_ZERO).getBoundingClientRect(),o=e.getBoundingClientRect();return{top:r.top-o.top+e.scrollTop+i.AI_AUTOCOMPLETE_CARET_OFFSET_Y_PX,left:r.left-o.left+e.scrollLeft}};exports.getCaretPositionInRoot=a;exports.getTextBeforeCaret=l;

package/dist/components/InkEditor/components/AiAutocomplete/AiAutocomplete.utils.d.ts

@@ -0,0 +1,4 @@
+import { AiAutocompletePosition } from './AiAutocomplete.types';
+export declare const getTextBeforeCaret: (root: HTMLElement, maxChars?: number) => string;
+export declare const getCaretPositionInRoot: (root: HTMLElement) => AiAutocompletePosition | null;
+//# sourceMappingURL=AiAutocomplete.utils.d.ts.map

package/dist/components/InkEditor/components/AiAutocomplete/AiAutocomplete.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiAutocomplete.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/AiAutocomplete/AiAutocomplete.utils.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAErE,eAAO,MAAM,kBAAkB,GAC7B,MAAM,WAAW,EACjB,iBAA2C,KAC1C,MAcF,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,MAAM,WAAW,KAAG,sBAAsB,GAAG,IAenF,CAAC"}

package/dist/components/InkEditor/components/AiAutocomplete/AiAutocomplete.utils.js

@@ -0,0 +1,25 @@
+import { EMPTY_STRING as s } from "../../../../constants/generals.const.js";
+import { NUMBER_ZERO as c } from "../../../../constants/numbers.js";
+import { AI_AUTOCOMPLETE_MAX_PREFIX_CHARS as i, AI_AUTOCOMPLETE_CARET_OFFSET_Y_PX as l } from "./AiAutocomplete.const.js";
+const R = (t, e = i) => {
+  const n = window.getSelection();
+  if (!n || n.rangeCount === c || !n.isCollapsed)
+    return s;
+  if (!t.contains(n.anchorNode))
+    return s;
+  const r = n.getRangeAt(c), o = document.createRange();
+  return o.selectNodeContents(t), o.setEnd(r.startContainer, r.startOffset), o.toString().slice(-e);
+}, u = (t) => {
+  const e = window.getSelection();
+  if (!e || e.rangeCount === c || !e.isCollapsed || !t.contains(e.anchorNode))
+    return null;
+  const r = e.getRangeAt(c).getBoundingClientRect(), o = t.getBoundingClientRect();
+  return {
+    top: r.top - o.top + t.scrollTop + l,
+    left: r.left - o.left + t.scrollLeft
+  };
+};
+export {
+  u as getCaretPositionInRoot,
+  R as getTextBeforeCaret
+};

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

@@ -0,0 +1,5 @@
+export { AiAutocomplete } from './AiAutocomplete';
+export type { AiAutocompleteProps, AiAutocompletePosition } from './AiAutocomplete.types';
+export { AI_AUTOCOMPLETE_DEBOUNCE_MS, AI_AUTOCOMPLETE_MAX_PREFIX_CHARS, AI_AUTOCOMPLETE_COMMAND_INSERT_TEXT, } from './AiAutocomplete.const';
+export { getTextBeforeCaret, getCaretPositionInRoot } from './AiAutocomplete.utils';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/AiAutocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAC1F,OAAO,EACL,2BAA2B,EAC3B,gCAAgC,EAChC,mCAAmC,GACpC,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC"}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),I=require("../../../../constants/defaults.const.cjs"),O=require("../../../../constants/aiModels.const.cjs"),P=require("../../../../plugins/ai/aiPlugin.cjs"),C=require("../../../../utils/id.utils.cjs");require("../../../../utils/paste.utils.cjs");const G=w=>{var p,N,f,y;const{config:s,documentHtml:k,selectionHtml:v,onApplyHtml:T,onClose:b}=w,[a,L]=i.useState("chat"),[x,g]=i.useState(""),[r,_]=i.useState([]),[l,j]=i.useState(!1),[o,h]=i.useState(null),[H,D]=i.useState([]),[A,q]=i.useState(I.INK_TRANSLATE_LANGUAGES[1]),M=s.providerId||O.INK_AI_DEMO_PROVIDER_ID,R=((p=s.uiTheme)==null?void 0:p.className)||s.className||"",c=async(t,d,u)=>{var S;j(!0);try{const E=t==="chat"&&u?[...r,{id:C.createInkId("turn"),role:"user",content:u,timestamp:Date.now(),capability:t}]:r;t==="chat"&&u&&_(E);const n=await P.inkAi.runProvider(M,{capability:t,html:k,selectionHtml:v||void 0,prompt:u,history:E,options:d,modelId:s.modelId,documentSnapshot:{html:k,selectionHtml:v||void 0}});(S=n.turns)!=null&&S.length?_(m=>[...m,...n.turns]):n.text&&t!=="chat"&&_(m=>[...m,{id:C.createInkId("turn"),role:"assistant",content:n.text||"",timestamp:Date.now(),capability:t}]),n.diff&&h(n.diff),n.reviewSuggestions&&D(n.reviewSuggestions)}finally{j(!1)}},K=t=>{t.preventDefault();const d=x.trim();!d||l||(g(""),c("chat",void 0,d))};return e.jsxs("aside",{className:`Ink-Ai ${R}`.trim(),"data-placement":s.placement||"sidebar",style:{"--ink-ai-accent":(N=s.uiTheme)==null?void 0:N.accent,"--ink-ai-surface":(f=s.uiTheme)==null?void 0:f.surface,"--ink-ai-border":(y=s.uiTheme)==null?void 0:y.border},"aria-label":"Ink AI",children:[e.jsxs("div",{className:"Ink-Ai__header",children:[e.jsx("strong",{children:"Ink AI"}),b?e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:b,title:"Close AI",children:"×"}):null]}),e.jsx("div",{className:"Ink-Ai__tabs",role:"tablist",children:["chat","actions","review","translate"].map(t=>e.jsx("button",{type:"button",role:"tab",className:`Ink-Editor__button${a===t?" Ink-Editor__button--active":""}`,"aria-selected":a===t,onClick:()=>L(t),children:t},t))}),e.jsxs("div",{className:"Ink-Ai__body",children:[a==="chat"?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"Ink-Ai__history",children:r.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"}),"."]}):r.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:K,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)."}),I.INK_QUICK_ACTIONS.map(t=>e.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Ai__action",disabled:l,onClick:()=>void c(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 c("review"),children:"Run grammar & style review"}),H.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:A,onChange:t=>q(t.target.value),children:I.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 c("translate",{language:A}),children:"Translate"})]}):null,o?e.jsxs("div",{className:"Ink-Ai__diff",children:[e.jsx("strong",{children:"Suggested change"}),e.jsx("p",{children:o.summary}),e.jsx("div",{className:"Ink-Ai__diff-preview",dangerouslySetInnerHTML:{__html:o.suggestedHtml}}),e.jsxs("div",{className:"Ink-Ai__diff-actions",children:[e.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Editor__button--active",onClick:()=>{T(o.suggestedHtml),h(null)},children:"Apply"}),e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:()=>h(null),children:"Dismiss"})]})]}):null]}),e.jsx("footer",{className:"Ink-Ai__footer",children:"Demo provider · BYO LLM"})]})};exports.AiPanel=G;
+"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;

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

@@ -6,6 +6,7 @@ export interface AiPanelProps {
     selectionHtml: string;
     onApplyHtml: (html: string) => void;
     onClose?: () => void;
+    onBusyChange?: (busy: boolean) => void;
 }
 export declare const AiPanel: FC<AiPanelProps>;
 //# sourceMappingURL=AiPanel.d.ts.map

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;CACtB;AAID,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA6NpC,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;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"}

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

@@ -1,85 +1,89 @@
-import { jsxs as n, jsx as t, Fragment as j } from "react/jsx-runtime";
+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 T, INK_QUICK_ACTIONS as G } from "../../../../constants/defaults.const.js";
-import { INK_AI_DEMO_PROVIDER_ID as P } from "../../../../constants/aiModels.const.js";
-import { inkAi as Q } from "../../../../plugins/ai/aiPlugin.js";
-import { createInkId as H } from "../../../../utils/id.utils.js";
+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 "../../../../constants/openai.const.js";
+import { createInkId as D } from "../../../../utils/id.utils.js";
 import "../../../../utils/paste.utils.js";
-const W = (D) => {
-  var N, y, E, C;
-  const { config: i, documentHtml: k, selectionHtml: v, onApplyHtml: L, onClose: p } = D, [a, x] = l("chat"), [b, g] = l(""), [r, _] = l([]), [o, f] = l(!1), [c, h] = l(null), [M, R] = l([]), [A, K] = l(T[1]), O = i.providerId || P, $ = ((N = i.uiTheme) == null ? void 0 : N.className) || i.className || "", d = async (e, u, m) => {
-    var w;
-    f(!0);
+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) => {
+    var S;
+    N(!0);
     try {
-      const S = e === "chat" && m ? [
+      const T = e === "chat" && m ? [
         ...r,
         {
-          id: H("turn"),
+          id: D("turn"),
           role: "user",
           content: m,
           timestamp: Date.now(),
           capability: e
         }
       ] : r;
-      e === "chat" && m && _(S);
-      const s = await Q.runProvider(O, {
+      e === "chat" && m && h(T);
+      const s = await F.runProvider(B, {
         capability: e,
-        html: k,
+        html: p,
         selectionHtml: v || void 0,
         prompt: m,
-        history: S,
+        history: T,
         options: u,
         modelId: i.modelId,
-        documentSnapshot: { html: k, selectionHtml: v || void 0 }
+        documentSnapshot: { html: p, selectionHtml: v || void 0 }
       });
-      (w = s.turns) != null && w.length ? _((I) => [...I, ...s.turns]) : s.text && e !== "chat" && _((I) => [
-        ...I,
+      (S = s.turns) != null && S.length ? h((k) => [...k, ...s.turns]) : s.text && e !== "chat" && h((k) => [
+        ...k,
         {
-          id: H("turn"),
+          id: D("turn"),
           role: "assistant",
           content: s.text || "",
           timestamp: Date.now(),
           capability: e
         }
-      ]), s.diff && h(s.diff), s.reviewSuggestions && R(s.reviewSuggestions);
+      ]), s.diff && I(s.diff), s.reviewSuggestions && O(s.reviewSuggestions);
     } finally {
-      f(!1);
+      N(!1);
     }
-  }, B = (e) => {
+  }, G = (e) => {
     e.preventDefault();
-    const u = b.trim();
-    !u || o || (g(""), d("chat", void 0, u));
+    const u = f.trim();
+    !u || a || (g(""), d("chat", void 0, u));
   };
   return /* @__PURE__ */ n(
     "aside",
     {
-      className: `Ink-Ai ${$}`.trim(),
+      className: `Ink-Ai ${j}`.trim(),
       "data-placement": i.placement || "sidebar",
       style: {
-        "--ink-ai-accent": (y = i.uiTheme) == null ? void 0 : y.accent,
-        "--ink-ai-surface": (E = i.uiTheme) == null ? void 0 : E.surface,
+        "--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
       },
       "aria-label": "Ink AI",
       children: [
         /* @__PURE__ */ n("div", { className: "Ink-Ai__header", children: [
           /* @__PURE__ */ t("strong", { children: "Ink AI" }),
-          p ? /* @__PURE__ */ t("button", { type: "button", className: "Ink-Editor__button", onClick: p, title: "Close AI", children: "×" }) : null
+          b ? /* @__PURE__ */ t("button", { type: "button", className: "Ink-Editor__button", onClick: b, title: "Close AI", children: "×" }) : null
         ] }),
         /* @__PURE__ */ t("div", { className: "Ink-Ai__tabs", role: "tablist", children: ["chat", "actions", "review", "translate"].map((e) => /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             role: "tab",
-            className: `Ink-Editor__button${a === e ? " Ink-Editor__button--active" : ""}`,
-            "aria-selected": a === e,
-            onClick: () => x(e),
+            className: `Ink-Editor__button${o === e ? " Ink-Editor__button--active" : ""}`,
+            "aria-selected": o === e,
+            onClick: () => M(e),
             children: e
           },
           e
         )) }),
         /* @__PURE__ */ n("div", { className: "Ink-Ai__body", children: [
-          a === "chat" ? /* @__PURE__ */ n(j, { 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: [
               "Multi-turn chat with local demo provider. Bring your own LLM via",
               " ",
@@ -89,61 +93,61 @@ const W = (D) => {
               /* @__PURE__ */ t("span", { children: e.role }),
               /* @__PURE__ */ t("p", { children: e.content })
             ] }, e.id)) }),
-            /* @__PURE__ */ n("form", { className: "Ink-Ai__form", onSubmit: B, children: [
+            /* @__PURE__ */ n("form", { className: "Ink-Ai__form", onSubmit: G, children: [
               /* @__PURE__ */ t(
                 "input",
                 {
-                  value: b,
+                  value: f,
                   onChange: (e) => g(e.target.value),
                   placeholder: "Ask Ink AI…",
-                  disabled: o
+                  disabled: a
                 }
               ),
-              /* @__PURE__ */ t("button", { type: "submit", className: "Ink-Editor__button Ink-Editor__button--active", disabled: o, children: "Send" })
+              /* @__PURE__ */ t("button", { type: "submit", className: "Ink-Editor__button Ink-Editor__button--active", disabled: a, children: "Send" })
             ] })
           ] }) : null,
-          a === "actions" ? /* @__PURE__ */ n("div", { className: "Ink-Ai__actions", children: [
+          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)." }),
-            G.map((e) => /* @__PURE__ */ t(
+            Q.map((e) => /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
                 className: "Ink-Editor__button Ink-Ai__action",
-                disabled: o,
+                disabled: a,
                 onClick: () => void d(e.capability),
                 children: e.label
               },
               e.id
             ))
           ] }) : null,
-          a === "review" ? /* @__PURE__ */ n("div", { className: "Ink-Ai__review", children: [
+          o === "review" ? /* @__PURE__ */ n("div", { className: "Ink-Ai__review", children: [
             /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
                 className: "Ink-Editor__button Ink-Editor__button--active",
-                disabled: o,
+                disabled: a,
                 onClick: () => void d("review"),
                 children: "Run grammar & style review"
               }
             ),
-            M.map((e) => /* @__PURE__ */ n("article", { className: `Ink-Ai__suggestion Ink-Ai__suggestion--${e.severity}`, children: [
+            K.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 })
             ] }, e.id))
           ] }) : null,
-          a === "translate" ? /* @__PURE__ */ n("div", { className: "Ink-Ai__translate", children: [
+          o === "translate" ? /* @__PURE__ */ n("div", { className: "Ink-Ai__translate", children: [
             /* @__PURE__ */ n("label", { children: [
               "Language",
-              /* @__PURE__ */ t("select", { value: A, onChange: (e) => K(e.target.value), children: T.map((e) => /* @__PURE__ */ t("option", { value: e, children: e }, e)) })
+              /* @__PURE__ */ t("select", { value: A, onChange: (e) => $(e.target.value), children: H.map((e) => /* @__PURE__ */ t("option", { value: e, children: e }, e)) })
             ] }),
             /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
                 className: "Ink-Editor__button Ink-Editor__button--active",
-                disabled: o,
+                disabled: a,
                 onClick: () => void d("translate", { language: A }),
                 children: "Translate"
               }
@@ -160,12 +164,12 @@ const W = (D) => {
                   type: "button",
                   className: "Ink-Editor__button Ink-Editor__button--active",
                   onClick: () => {
-                    L(c.suggestedHtml), h(null);
+                    x(c.suggestedHtml), I(null);
                   },
                   children: "Apply"
                 }
               ),
-              /* @__PURE__ */ t("button", { type: "button", className: "Ink-Editor__button", onClick: () => h(null), children: "Dismiss" })
+              /* @__PURE__ */ t("button", { type: "button", className: "Ink-Editor__button", onClick: () => I(null), children: "Dismiss" })
             ] })
           ] }) : null
         ] }),
@@ -175,5 +179,5 @@ const W = (D) => {
   );
 };
 export {
-  W as AiPanel
+  te as AiPanel
 };

package/dist/components/InkEditor/components/BlockHandles/BlockHandles.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=t=>{const{visible:n,top:l,onMoveUp:o,onMoveDown:s}=t;return n?e.jsxs("div",{className:"Ink-BlockHandles",style:{top:l},"aria-hidden":!n,children:[e.jsx("button",{type:"button",className:"Ink-BlockHandles__grip",title:"Block",tabIndex:-1,children:"⋮⋮"}),e.jsx("button",{type:"button",className:"Ink-BlockHandles__btn",title:"Move block up",onClick:o,children:"↑"}),e.jsx("button",{type:"button",className:"Ink-BlockHandles__btn",title:"Move block down",onClick:s,children:"↓"})]}):null};exports.BlockHandles=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("react");require("react-dom");const i=require("../../../../common-components/icons/GripIcon.cjs"),e=require("./BlockHandles.const.cjs"),l=n=>{const{visible:L,top:_,onMoveUp:r,onMoveDown:o,onDragStart:s}=n;return L?t.jsxs("div",{className:e.BLOCK_HANDLES_CLASS,style:{top:_},"aria-hidden":!L,children:[t.jsx("button",{type:"button",className:e.BLOCK_HANDLES_PLUS_CLASS,title:e.BLOCK_HANDLES_TITLE_PLUS,tabIndex:-1,children:e.BLOCK_HANDLES_PLUS_LABEL}),t.jsx("button",{type:"button",className:e.BLOCK_HANDLES_GRIP_CLASS,title:e.BLOCK_HANDLES_TITLE_GRIP,tabIndex:-1,draggable:!0,onDragStart:s,children:t.jsx(i.GripIcon,{})}),t.jsx("button",{type:"button",className:e.BLOCK_HANDLES_BTN_CLASS,title:e.BLOCK_HANDLES_TITLE_UP,onClick:r,children:e.BLOCK_HANDLES_UP_LABEL}),t.jsx("button",{type:"button",className:e.BLOCK_HANDLES_BTN_CLASS,title:e.BLOCK_HANDLES_TITLE_DOWN,onClick:o,children:e.BLOCK_HANDLES_DOWN_LABEL})]}):null};exports.BlockHandles=l;

package/dist/components/InkEditor/components/BlockHandles/BlockHandles.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("../../../../constants/blocks.const.cjs"),_="Ink-BlockHandles",A="Ink-BlockHandles__plus",S="Ink-BlockHandles__grip",E="Ink-BlockHandles__btn",D="+",B="↑",C="↓",O="Add",N="Drag block",o="Move block up",H="Move block down",n="text/plain",K="move",c=L.BLOCK_DRAG_PAYLOAD;exports.BLOCK_HANDLES_BTN_CLASS=E;exports.BLOCK_HANDLES_CLASS=_;exports.BLOCK_HANDLES_DOWN_LABEL=C;exports.BLOCK_HANDLES_DRAG_EFFECT_MOVE=K;exports.BLOCK_HANDLES_DRAG_MIME=n;exports.BLOCK_HANDLES_DRAG_PAYLOAD=c;exports.BLOCK_HANDLES_GRIP_CLASS=S;exports.BLOCK_HANDLES_PLUS_CLASS=A;exports.BLOCK_HANDLES_PLUS_LABEL=D;exports.BLOCK_HANDLES_TITLE_DOWN=H;exports.BLOCK_HANDLES_TITLE_GRIP=N;exports.BLOCK_HANDLES_TITLE_PLUS=O;exports.BLOCK_HANDLES_TITLE_UP=o;exports.BLOCK_HANDLES_UP_LABEL=B;

package/dist/components/InkEditor/components/BlockHandles/BlockHandles.const.d.ts

@@ -0,0 +1,15 @@
+export declare const BLOCK_HANDLES_CLASS = "Ink-BlockHandles";
+export declare const BLOCK_HANDLES_PLUS_CLASS = "Ink-BlockHandles__plus";
+export declare const BLOCK_HANDLES_GRIP_CLASS = "Ink-BlockHandles__grip";
+export declare const BLOCK_HANDLES_BTN_CLASS = "Ink-BlockHandles__btn";
+export declare const BLOCK_HANDLES_PLUS_LABEL = "+";
+export declare const BLOCK_HANDLES_UP_LABEL = "\u2191";
+export declare const BLOCK_HANDLES_DOWN_LABEL = "\u2193";
+export declare const BLOCK_HANDLES_TITLE_PLUS = "Add";
+export declare const BLOCK_HANDLES_TITLE_GRIP = "Drag block";
+export declare const BLOCK_HANDLES_TITLE_UP = "Move block up";
+export declare const BLOCK_HANDLES_TITLE_DOWN = "Move block down";
+export declare const BLOCK_HANDLES_DRAG_MIME = "text/plain";
+export declare const BLOCK_HANDLES_DRAG_EFFECT_MOVE = "move";
+export declare const BLOCK_HANDLES_DRAG_PAYLOAD = "ink-block";
+//# sourceMappingURL=BlockHandles.const.d.ts.map

package/dist/components/InkEditor/components/BlockHandles/BlockHandles.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockHandles.const.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/BlockHandles/BlockHandles.const.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,qBAAqB,CAAC;AACtD,eAAO,MAAM,wBAAwB,2BAA2B,CAAC;AACjE,eAAO,MAAM,wBAAwB,2BAA2B,CAAC;AACjE,eAAO,MAAM,uBAAuB,0BAA0B,CAAC;AAC/D,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAC5C,eAAO,MAAM,sBAAsB,WAAM,CAAC;AAC1C,eAAO,MAAM,wBAAwB,WAAM,CAAC;AAC5C,eAAO,MAAM,wBAAwB,QAAQ,CAAC;AAC9C,eAAO,MAAM,wBAAwB,eAAe,CAAC;AACrD,eAAO,MAAM,sBAAsB,kBAAkB,CAAC;AACtD,eAAO,MAAM,wBAAwB,oBAAoB,CAAC;AAC1D,eAAO,MAAM,uBAAuB,eAAe,CAAC;AACpD,eAAO,MAAM,8BAA8B,SAAS,CAAC;AACrD,eAAO,MAAM,0BAA0B,cAAqB,CAAC"}

package/dist/components/InkEditor/components/BlockHandles/BlockHandles.const.js

@@ -0,0 +1,18 @@
+import { BLOCK_DRAG_PAYLOAD as _ } from "../../../../constants/blocks.const.js";
+const A = "Ink-BlockHandles", o = "Ink-BlockHandles__plus", n = "Ink-BlockHandles__grip", E = "Ink-BlockHandles__btn", S = "+", B = "↑", D = "↓", c = "Add", C = "Drag block", O = "Move block up", s = "Move block down", t = "text/plain", H = "move", N = _;
+export {
+  E as BLOCK_HANDLES_BTN_CLASS,
+  A as BLOCK_HANDLES_CLASS,
+  D as BLOCK_HANDLES_DOWN_LABEL,
+  H as BLOCK_HANDLES_DRAG_EFFECT_MOVE,
+  t as BLOCK_HANDLES_DRAG_MIME,
+  N as BLOCK_HANDLES_DRAG_PAYLOAD,
+  n as BLOCK_HANDLES_GRIP_CLASS,
+  o as BLOCK_HANDLES_PLUS_CLASS,
+  S as BLOCK_HANDLES_PLUS_LABEL,
+  s as BLOCK_HANDLES_TITLE_DOWN,
+  C as BLOCK_HANDLES_TITLE_GRIP,
+  c as BLOCK_HANDLES_TITLE_PLUS,
+  O as BLOCK_HANDLES_TITLE_UP,
+  B as BLOCK_HANDLES_UP_LABEL
+};

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

@@ -1,9 +1,4 @@
 import { FC } from 'react';
-export interface BlockHandlesProps {
-    visible: boolean;
-    top: number;
-    onMoveUp: () => void;
-    onMoveDown: () => void;
-}
+import { BlockHandlesProps } from './BlockHandles.types';
 export declare const BlockHandles: FC<BlockHandlesProps>;
 //# sourceMappingURL=BlockHandles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BlockHandles.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/BlockHandles/BlockHandles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAgB9C,CAAC"}
+{"version":3,"file":"BlockHandles.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/BlockHandles/BlockHandles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAehC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAyC9C,CAAC"}

package/dist/components/InkEditor/components/BlockHandles/BlockHandles.js

@@ -1,12 +1,57 @@
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-const a = (e) => {
-  const { visible: t, top: l, onMoveUp: o, onMoveDown: c } = e;
-  return t ? /* @__PURE__ */ s("div", { className: "Ink-BlockHandles", style: { top: l }, "aria-hidden": !t, children: [
-    /* @__PURE__ */ n("button", { type: "button", className: "Ink-BlockHandles__grip", title: "Block", tabIndex: -1, children: "⋮⋮" }),
-    /* @__PURE__ */ n("button", { type: "button", className: "Ink-BlockHandles__btn", title: "Move block up", onClick: o, children: "↑" }),
-    /* @__PURE__ */ n("button", { type: "button", className: "Ink-BlockHandles__btn", title: "Move block down", onClick: c, children: "↓" })
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import "../../../../constants/openai.const.js";
+import "../../../../utils/paste.utils.js";
+import "react";
+import "react-dom";
+import { GripIcon as S } from "../../../../common-components/icons/GripIcon.js";
+import { BLOCK_HANDLES_CLASS as a, BLOCK_HANDLES_PLUS_LABEL as N, BLOCK_HANDLES_TITLE_PLUS as s, BLOCK_HANDLES_PLUS_CLASS as A, BLOCK_HANDLES_TITLE_GRIP as E, BLOCK_HANDLES_GRIP_CLASS as C, BLOCK_HANDLES_UP_LABEL as c, BLOCK_HANDLES_TITLE_UP as B, BLOCK_HANDLES_BTN_CLASS as o, BLOCK_HANDLES_DOWN_LABEL as m, BLOCK_HANDLES_TITLE_DOWN as p } from "./BlockHandles.const.js";
+const I = (_) => {
+  const { visible: L, top: e, onMoveUp: n, onMoveDown: r, onDragStart: i } = _;
+  return L ? /* @__PURE__ */ l("div", { className: a, style: { top: e }, "aria-hidden": !L, children: [
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: A,
+        title: s,
+        tabIndex: -1,
+        children: N
+      }
+    ),
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: C,
+        title: E,
+        tabIndex: -1,
+        draggable: !0,
+        onDragStart: i,
+        children: /* @__PURE__ */ t(S, {})
+      }
+    ),
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: o,
+        title: B,
+        onClick: n,
+        children: c
+      }
+    ),
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: o,
+        title: p,
+        onClick: r,
+        children: m
+      }
+    )
   ] }) : null;
 };
 export {
-  a as BlockHandles
+  I as BlockHandles
 };

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

@@ -0,0 +1,9 @@
+import { DragEvent } from 'react';
+export interface BlockHandlesProps {
+    visible: boolean;
+    top: number;
+    onMoveUp: () => void;
+    onMoveDown: () => void;
+    onDragStart?: (event: DragEvent<HTMLButtonElement>) => void;
+}
+//# sourceMappingURL=BlockHandles.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockHandles.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/BlockHandles/BlockHandles.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC7D"}

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

@@ -1,3 +1,4 @@
 export { BlockHandles } from './BlockHandles';
-export type { BlockHandlesProps } from './BlockHandles';
+export type { BlockHandlesProps } from './BlockHandles.types';
+export { BLOCK_HANDLES_DRAG_EFFECT_MOVE, BLOCK_HANDLES_DRAG_MIME, BLOCK_HANDLES_DRAG_PAYLOAD, } from './BlockHandles.const';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/BlockHandles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/BlockHandles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EACL,8BAA8B,EAC9B,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,sBAAsB,CAAC"}

package/dist/components/InkEditor/components/FindReplace/FindReplace.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),_=require("../../../../constants/generals.const.cjs"),t=require("./FindReplace.const.cjs"),D=i=>{const{open:E,onClose:o,onReplace:u,findLabel:L=t.FIND_REPLACE_DEFAULT_FIND,replaceLabel:d=t.FIND_REPLACE_DEFAULT_REPLACE,replaceOneLabel:A=t.FIND_REPLACE_DEFAULT_ONE,replaceAllLabel:F=t.FIND_REPLACE_DEFAULT_ALL,closeLabel:b=t.FIND_REPLACE_DEFAULT_CLOSE,title:l=t.FIND_REPLACE_DEFAULT_TITLE}=i,[s,C]=r.useState(_.EMPTY_STRING),[a,N]=r.useState(_.EMPTY_STRING);if(!E)return null;const c=(n,I)=>{n.preventDefault(),s&&u(s,a,I)};return e.jsxs("form",{className:t.FIND_REPLACE_CLASS,"aria-label":l,onSubmit:n=>c(n,!1),children:[e.jsx("p",{className:t.FIND_REPLACE_TITLE_CLASS,children:l}),e.jsxs("label",{className:t.FIND_REPLACE_FIELD_CLASS,children:[e.jsx("span",{children:L}),e.jsx("input",{value:s,onChange:n=>C(n.target.value),autoFocus:!0})]}),e.jsxs("label",{className:t.FIND_REPLACE_FIELD_CLASS,children:[e.jsx("span",{children:d}),e.jsx("input",{value:a,onChange:n=>N(n.target.value)})]}),e.jsxs("div",{className:t.FIND_REPLACE_ACTIONS_CLASS,children:[e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:o,children:b}),e.jsx("button",{type:"submit",className:"Ink-Editor__button",disabled:!s,children:A}),e.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Editor__button--active",disabled:!s,onClick:n=>c(n,!0),children:F})]})]})};exports.FindReplace=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),o=require("../../../../constants/generals.const.cjs"),a=require("../../../../constants/findReplaceMenu.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const r=require("../../../../common-components/Button/Button.cjs"),u=require("../../../../common-components/Field/Field.cjs");require("react-dom");const e=require("./FindReplace.const.cjs"),p=L=>{const{open:F,onClose:C,onReplace:A,findLabel:D=e.FIND_REPLACE_DEFAULT_FIND,replaceLabel:N=e.FIND_REPLACE_DEFAULT_REPLACE,replaceOneLabel:R=e.FIND_REPLACE_DEFAULT_ONE,replaceAllLabel:d=e.FIND_REPLACE_DEFAULT_ALL,closeLabel:I=e.FIND_REPLACE_DEFAULT_CLOSE,title:c=e.FIND_REPLACE_DEFAULT_TITLE,focusField:s=a.FIND_REPLACE_FOCUS_FIND}=L,[l,S]=i.useState(o.EMPTY_STRING),[E,P]=i.useState(o.EMPTY_STRING);if(!F)return null;const _=(n,b)=>{n.preventDefault(),l&&A(l,E,b)};return t.jsxs("form",{className:e.FIND_REPLACE_CLASS,"aria-label":c,onSubmit:n=>_(n,!1),children:[t.jsx("p",{className:e.FIND_REPLACE_TITLE_CLASS,children:c}),t.jsx(u.Field,{className:e.FIND_REPLACE_FIELD_CLASS,label:D,value:l,onChange:S,autoFocus:s===a.FIND_REPLACE_FOCUS_FIND}),t.jsx(u.Field,{className:e.FIND_REPLACE_FIELD_CLASS,label:N,value:E,onChange:P,autoFocus:s===a.FIND_REPLACE_FOCUS_REPLACE}),t.jsxs("div",{className:e.FIND_REPLACE_ACTIONS_CLASS,children:[t.jsx(r.Button,{type:"button",onClick:C,children:I}),t.jsx(r.Button,{type:"submit",disabled:!l,children:R}),t.jsx(r.Button,{type:"button",active:!0,disabled:!l,onClick:n=>_(n,!0),children:d})]})]},s)};exports.FindReplace=p;

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

@@ -1 +1 @@
-{"version":3,"file":"FindReplace.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/FindReplace/FindReplace.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAc1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAoD5C,CAAC"}
+{"version":3,"file":"FindReplace.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/FindReplace/FindReplace.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAmB1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA2D5C,CAAC"}