@forgedevstack/ink 1.1.2 → 1.1.4

package/CHANGELOG.md

@@ -1,6 +1,61 @@
 # Changelog
 
-## Unreleased — 1.1.2
+## 1.1.4
+
+### Added
+- OpenAI AI provider (`createOpenAiProvider`) with Chat Completions + capability system prompts
+- Ink server AI bridge (`createInkServerAiProvider`) posting to `/api/ai/complete`
+- `autocomplete` capability on `InkAiCapability` and `ai.autocomplete` config (default on when AI enabled)
+- Inline AI autocomplete ghost suggestions (Tab accept, Escape dismiss) while typing
+- Table context menu: insert/delete row and column (right-click inside a cell)
+- Table helpers: `insertTableRow`, `insertTableColumn`, `deleteTableRow`, `deleteTableColumn`, `getTableCellFromSelection`
+- Common components: `Button`, `Box`, `Field`, `Canvas`, `ContextMenu`, undo/redo SVG icons, `GripIcon`
+- Path aliases: `@common-components`, `@utils`, `@const`
+- SCSS pipeline (`_vars.scss`, `_mixins.scss`, `ink.scss`) with shared theme tokens
+- Right-click context menu (format, lists, link, heading, sign pad, comment, find)
+- Floating Inline Toolbar on text selection (Bold, Italic, Underline, Code, Link, Clear)
+- Theming docs (`docs/theming.md`)
+- `chrome` prop (`boxed` | `borderless`) for Editor.js-style borderless chrome
+- Block drag-and-drop reorder via block handle grip (`reorderBlockBefore` / `reorderBlockAfter`)
+- Toolbar right-click menu: Customize toolbar / Hide toolbar (session or `keepInMemory` persistence via `ink-toolbar-items` / `ink-toolbar-hidden`)
+- `colorMode` prop (`light` | `dark` | `system`) sets `data-color-mode` for forced light/dark tokens
+- `onToolbarChange`, `toolbarHidden`, `onToolbarHiddenChange` for toolbar visibility/customization
+- Selection helpers: `captureSelectionInRoot`, `restoreSelectionInRoot`, `withPreservedSelection`
+- Toolbar dropdowns: `fontDropdown` (System UI, Georgia, Times New Roman, Arial, Courier New, Verdana), `listDropdown` (bullet / dash / numbers / letters), `findReplaceDropdown` (Find / Replace)
+- Word-like toolbar options: `directionLtr`, `directionRtl`, `superscript`, `subscript`
+- Markdown list heuristic: typing `- ` or `* ` at line start converts to a bullet list
+
+### Changed
+- SignPad / FindReplace / ToolbarButton reuse common Button, Field, Canvas, Box
+- Default undo/redo icons are stroke SVGs (premium `icons` override still works)
+- Styles build compiles SCSS → `dist/styles.css` (CSS source removed)
+- Slash menu uses a lighter shadow / tighter radius
+- Block handles use circular + control and SVG six-dot grip (drag)
+- Context menu portals to `document.body` and clamps to the viewport
+- Dark OS preference applies only when `data-color-mode` is omitted (`system`)
+- Default toolbar uses `listDropdown` + `findReplaceDropdown` (+ font / direction / super-subscript); legacy `bulletList` / `orderedList` / `findReplace` still work when referenced
+- Portaled ContextMenu uses solid opaque light/dark fallbacks and higher z-index; inherits `data-color-mode` from the editor
+
+### Fixed
+- Controlled `value` sync no longer resets the caret to the top on Enter while focused
+- List markers visible again (`ul`/`ol` list-style + indent under `.Ink-Editor__content`)
+- Toolbar buttons preserve contenteditable selection (`onMouseDown` preventDefault)
+- Table header cells use `--ink-table-header` (dark mode no longer flashes a light gray header)
+- Context menu outside-click close ignores clicks inside the portaled menu
+- Enter / HTML replace while focused restores selection range; editor focus uses `preventScroll`
+- Clear format (`clearFormat`) also strips color / background styles from the selection
+- Block DnD drop target follows pointer Y (before/after midpoint) with dragging opacity + drop indicator
+
+## 1.1.3
+
+### Fixed
+- `keepInMemory` restores drafts on mount in controlled mode via `onChange`
+- SignPad clears drawing state when closed; Insert relies on stroke state only
+- `canvasHasInk` ignores white fill (RGB), not alpha alone
+- localStorage read/write/clear wrapped in try/catch
+- Default memory key moved to `DEFAULT_MEMORY_KEY` const
+
+## 1.1.2 — 2026-08-04
 
 ### Added
 - Sign pad toolbar (`signature`) — canvas draw → insert PNG image

package/README.md

@@ -113,7 +113,7 @@ export function ContractEditor() {
 2. Click the **✍** toolbar button.
 3. Draw with mouse/touch on the canvas.
 4. Click **Insert** — a PNG image is inserted into the document.
-5. Refresh with `keepInMemory` + `memoryKey` — draft HTML restores.
+5. Refresh with `keepInMemory` + `memoryKey` — draft HTML restores (memory wins on mount for controlled `value` / `onChange` too).
 
 ### Find and replace
 

package/dist/common-components/Box/Box.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("../../utils/cn.utils.cjs");require("../../constants/openai.const.cjs");const e=require("./Box.const.cjs");require("react");require("react-dom");require("../../utils/paste.utils.cjs");const u=r=>{const{as:s=e.BOX_DEFAULT_AS,className:t,children:c,...i}=r;return n.jsx(s,{className:o.cn(e.BOX_CLASS,t),...i,children:c})};exports.Box=u;

package/dist/common-components/Box/Box.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="span",S="Ink-Box";exports.BOX_CLASS=S;exports.BOX_DEFAULT_AS=t;

package/dist/common-components/Box/Box.const.d.ts

@@ -0,0 +1,3 @@
+export declare const BOX_DEFAULT_AS: "span";
+export declare const BOX_CLASS = "Ink-Box";
+//# sourceMappingURL=Box.const.d.ts.map

package/dist/common-components/Box/Box.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.const.d.ts","sourceRoot":"","sources":["../../../src/common-components/Box/Box.const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,EAAG,MAAe,CAAC;AAC9C,eAAO,MAAM,SAAS,YAAY,CAAC"}

package/dist/common-components/Box/Box.const.js

@@ -0,0 +1,5 @@
+const n = "span", o = "Ink-Box";
+export {
+  o as BOX_CLASS,
+  n as BOX_DEFAULT_AS
+};

package/dist/common-components/Box/Box.d.ts

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

package/dist/common-components/Box/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/common-components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,QAAQ,CAO5B,CAAC"}

package/dist/common-components/Box/Box.js

@@ -0,0 +1,14 @@
+import { jsx as i } from "react/jsx-runtime";
+import { cn as p } from "../../utils/cn.utils.js";
+import "../../constants/openai.const.js";
+import { BOX_DEFAULT_AS as a, BOX_CLASS as c } from "./Box.const.js";
+import "react";
+import "react-dom";
+import "../../utils/paste.utils.js";
+const S = (r) => {
+  const { as: o = a, className: m, children: t, ...s } = r;
+  return /* @__PURE__ */ i(o, { className: p(c, m), ...s, children: t });
+};
+export {
+  S as Box
+};

package/dist/common-components/Box/Box.types.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type BoxProps = HTMLAttributes<HTMLElement> & {
+    as?: 'div' | 'span' | 'p' | 'section';
+    children?: ReactNode;
+};
+//# sourceMappingURL=Box.types.d.ts.map

package/dist/common-components/Box/Box.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.types.d.ts","sourceRoot":"","sources":["../../../src/common-components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACnD,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,GAAG,GAAG,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}

package/dist/common-components/Box/index.d.ts

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

package/dist/common-components/Box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common-components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/dist/common-components/Button/Button.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("../../utils/cn.utils.cjs");require("../../constants/openai.const.cjs");const e=require("./Button.const.cjs");require("react");require("react-dom");require("../../utils/paste.utils.cjs");const T=r=>{const{active:t=!1,className:n,children:u,type:s="button",...o}=r;return c.jsx("button",{type:s,className:i.cn(e.BUTTON_CLASS,e.BUTTON_EDITOR_CLASS,t&&e.BUTTON_ACTIVE_CLASS,t&&e.BUTTON_EDITOR_ACTIVE_CLASS,n),...o,children:u})};exports.Button=T;

package/dist/common-components/Button/Button.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T="Ink-Button",t="Ink-Button--active",_="Ink-Editor__button",S="Ink-Editor__button--active";exports.BUTTON_ACTIVE_CLASS=t;exports.BUTTON_CLASS=T;exports.BUTTON_EDITOR_ACTIVE_CLASS=S;exports.BUTTON_EDITOR_CLASS=_;

package/dist/common-components/Button/Button.const.d.ts

@@ -0,0 +1,5 @@
+export declare const BUTTON_CLASS = "Ink-Button";
+export declare const BUTTON_ACTIVE_CLASS = "Ink-Button--active";
+export declare const BUTTON_EDITOR_CLASS = "Ink-Editor__button";
+export declare const BUTTON_EDITOR_ACTIVE_CLASS = "Ink-Editor__button--active";
+//# sourceMappingURL=Button.const.d.ts.map

package/dist/common-components/Button/Button.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.const.d.ts","sourceRoot":"","sources":["../../../src/common-components/Button/Button.const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,eAAe,CAAC;AACzC,eAAO,MAAM,mBAAmB,uBAAuB,CAAC;AACxD,eAAO,MAAM,mBAAmB,uBAAuB,CAAC;AACxD,eAAO,MAAM,0BAA0B,+BAA+B,CAAC"}

package/dist/common-components/Button/Button.const.js

@@ -0,0 +1,7 @@
+const t = "Ink-Button", n = "Ink-Button--active", T = "Ink-Editor__button", _ = "Ink-Editor__button--active";
+export {
+  n as BUTTON_ACTIVE_CLASS,
+  t as BUTTON_CLASS,
+  _ as BUTTON_EDITOR_ACTIVE_CLASS,
+  T as BUTTON_EDITOR_CLASS
+};

package/dist/common-components/Button/Button.d.ts

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

package/dist/common-components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/common-components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAiBlC,CAAC"}

package/dist/common-components/Button/Button.js

@@ -0,0 +1,28 @@
+import { jsx as i } from "react/jsx-runtime";
+import { cn as p } from "../../utils/cn.utils.js";
+import "../../constants/openai.const.js";
+import { BUTTON_EDITOR_ACTIVE_CLASS as s, BUTTON_ACTIVE_CLASS as n, BUTTON_EDITOR_CLASS as S, BUTTON_CLASS as _ } from "./Button.const.js";
+import "react";
+import "react-dom";
+import "../../utils/paste.utils.js";
+const f = (o) => {
+  const { active: t = !1, className: r, children: m, type: T = "button", ...e } = o;
+  return /* @__PURE__ */ i(
+    "button",
+    {
+      type: T,
+      className: p(
+        _,
+        S,
+        t && n,
+        t && s,
+        r
+      ),
+      ...e,
+      children: m
+    }
+  );
+};
+export {
+  f as Button
+};

package/dist/common-components/Button/Button.types.d.ts

@@ -0,0 +1,6 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    active?: boolean;
+    children?: ReactNode;
+};
+//# sourceMappingURL=Button.types.d.ts.map

package/dist/common-components/Button/Button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/common-components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}

package/dist/common-components/Button/index.d.ts

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

package/dist/common-components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common-components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/common-components/Canvas/Canvas.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("../../utils/cn.utils.cjs");require("../../constants/openai.const.cjs");const c=require("./Canvas.const.cjs");require("react");require("react-dom");require("../../utils/paste.utils.cjs");const u=e=>{const{canvasRef:r,className:s,...n}=e;return a.jsx("canvas",{ref:r,className:t.cn(c.CANVAS_CLASS,s),...n})};exports.Canvas=u;

package/dist/common-components/Canvas/Canvas.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S="Ink-Canvas";exports.CANVAS_CLASS=S;

package/dist/common-components/Canvas/Canvas.const.d.ts

@@ -0,0 +1,2 @@
+export declare const CANVAS_CLASS = "Ink-Canvas";
+//# sourceMappingURL=Canvas.const.d.ts.map

package/dist/common-components/Canvas/Canvas.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Canvas.const.d.ts","sourceRoot":"","sources":["../../../src/common-components/Canvas/Canvas.const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,eAAe,CAAC"}

package/dist/common-components/Canvas/Canvas.const.js

@@ -0,0 +1,4 @@
+const n = "Ink-Canvas";
+export {
+  n as CANVAS_CLASS
+};

package/dist/common-components/Canvas/Canvas.d.ts

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

package/dist/common-components/Canvas/Canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Canvas.d.ts","sourceRoot":"","sources":["../../../src/common-components/Canvas/Canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAGlC,CAAC"}

package/dist/common-components/Canvas/Canvas.js

@@ -0,0 +1,14 @@
+import { jsx as s } from "react/jsx-runtime";
+import { cn as a } from "../../utils/cn.utils.js";
+import "../../constants/openai.const.js";
+import { CANVAS_CLASS as p } from "./Canvas.const.js";
+import "react";
+import "react-dom";
+import "../../utils/paste.utils.js";
+const C = (r) => {
+  const { canvasRef: o, className: m, ...t } = r;
+  return /* @__PURE__ */ s("canvas", { ref: o, className: a(p, m), ...t });
+};
+export {
+  C as Canvas
+};

package/dist/common-components/Canvas/Canvas.types.d.ts

@@ -0,0 +1,5 @@
+import { CanvasHTMLAttributes, Ref } from 'react';
+export type CanvasProps = CanvasHTMLAttributes<HTMLCanvasElement> & {
+    canvasRef?: Ref<HTMLCanvasElement>;
+};
+//# sourceMappingURL=Canvas.types.d.ts.map

package/dist/common-components/Canvas/Canvas.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Canvas.types.d.ts","sourceRoot":"","sources":["../../../src/common-components/Canvas/Canvas.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,SAAS,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACpC,CAAC"}

package/dist/common-components/Canvas/index.d.ts

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

package/dist/common-components/Canvas/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common-components/Canvas/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/common-components/ContextMenu/ContextMenu.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react/jsx-runtime"),c=require("react"),O=require("react-dom"),e=require("./ContextMenu.const.cjs"),w=require("./ContextMenu.utils.cjs"),X=require("../../utils/cn.utils.cjs");require("../../constants/openai.const.cjs");require("../../utils/paste.utils.cjs");const P=u=>{const{open:o,x:d,y:l,items:a,onClose:n,colorMode:M}=u,E=c.useRef(null);if(c.useEffect(()=>{if(!o)return;const t=r=>{var T;const s=r.target;if(!(s instanceof Node)){n();return}(T=E.current)!=null&&T.contains(s)||n()},_=r=>{r.key===e.CONTEXT_MENU_KEY_ESCAPE&&n()};return window.addEventListener(e.CONTEXT_MENU_EVENT_POINTER_DOWN,t),window.addEventListener(e.CONTEXT_MENU_EVENT_KEY_DOWN,_),()=>{window.removeEventListener(e.CONTEXT_MENU_EVENT_POINTER_DOWN,t),window.removeEventListener(e.CONTEXT_MENU_EVENT_KEY_DOWN,_)}},[o,n]),!o)return null;const i=w.clampContextMenuPosition({x:d,y:l,menuWidth:e.CONTEXT_MENU_ESTIMATED_WIDTH_PX,menuHeight:e.CONTEXT_MENU_ESTIMATED_HEIGHT_PX,viewport:{width:window.innerWidth,height:window.innerHeight},edgePadding:e.CONTEXT_MENU_EDGE_PADDING_PX}),C=t=>{t.stopPropagation()};return O.createPortal(N.jsx("div",{ref:E,className:e.CONTEXT_MENU_CLASS,role:e.CONTEXT_MENU_ROLE,"data-color-mode":M,style:{left:i.x,top:i.y},onPointerDown:C,children:a.map(t=>N.jsx("button",{type:"button",role:e.CONTEXT_MENU_ITEM_ROLE,className:X.cn(e.CONTEXT_MENU_ITEM_CLASS),disabled:t.disabled,onClick:()=>{t.onSelect(),n()},children:t.label},t.id))}),document.body)};exports.ContextMenu=P;

package/dist/common-components/ContextMenu/ContextMenu.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../constants/numbers.cjs"),_="Ink-ContextMenu",T="Ink-ContextMenu__item",N="menu",M="menuitem",O="pointerdown",C="keydown",U="Escape",X=E.NUMBER_EIGHT,n=E.NUMBER_ONE_HUNDRED+E.NUMBER_SEVENTY_SIX,t=E.NUMBER_THREE*E.NUMBER_ONE_HUNDRED+E.NUMBER_SIXTY;exports.CONTEXT_MENU_CLASS=_;exports.CONTEXT_MENU_EDGE_PADDING_PX=X;exports.CONTEXT_MENU_ESTIMATED_HEIGHT_PX=t;exports.CONTEXT_MENU_ESTIMATED_WIDTH_PX=n;exports.CONTEXT_MENU_EVENT_KEY_DOWN=C;exports.CONTEXT_MENU_EVENT_POINTER_DOWN=O;exports.CONTEXT_MENU_ITEM_CLASS=T;exports.CONTEXT_MENU_ITEM_ROLE=M;exports.CONTEXT_MENU_KEY_ESCAPE=U;exports.CONTEXT_MENU_ROLE=N;

package/dist/common-components/ContextMenu/ContextMenu.const.d.ts

@@ -0,0 +1,11 @@
+export declare const CONTEXT_MENU_CLASS = "Ink-ContextMenu";
+export declare const CONTEXT_MENU_ITEM_CLASS = "Ink-ContextMenu__item";
+export declare const CONTEXT_MENU_ROLE = "menu";
+export declare const CONTEXT_MENU_ITEM_ROLE = "menuitem";
+export declare const CONTEXT_MENU_EVENT_POINTER_DOWN = "pointerdown";
+export declare const CONTEXT_MENU_EVENT_KEY_DOWN = "keydown";
+export declare const CONTEXT_MENU_KEY_ESCAPE = "Escape";
+export declare const CONTEXT_MENU_EDGE_PADDING_PX = 8;
+export declare const CONTEXT_MENU_ESTIMATED_WIDTH_PX: number;
+export declare const CONTEXT_MENU_ESTIMATED_HEIGHT_PX: number;
+//# sourceMappingURL=ContextMenu.const.d.ts.map

package/dist/common-components/ContextMenu/ContextMenu.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.const.d.ts","sourceRoot":"","sources":["../../../src/common-components/ContextMenu/ContextMenu.const.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,kBAAkB,oBAAoB,CAAC;AACpD,eAAO,MAAM,uBAAuB,0BAA0B,CAAC;AAC/D,eAAO,MAAM,iBAAiB,SAAS,CAAC;AACxC,eAAO,MAAM,sBAAsB,aAAa,CAAC;AAEjD,eAAO,MAAM,+BAA+B,gBAAgB,CAAC;AAC7D,eAAO,MAAM,2BAA2B,YAAY,CAAC;AACrD,eAAO,MAAM,uBAAuB,WAAW,CAAC;AAEhD,eAAO,MAAM,4BAA4B,IAAe,CAAC;AACzD,eAAO,MAAM,+BAA+B,QAA0C,CAAC;AACvF,eAAO,MAAM,gCAAgC,QACK,CAAC"}

package/dist/common-components/ContextMenu/ContextMenu.const.js

@@ -0,0 +1,14 @@
+import { NUMBER_EIGHT as _, NUMBER_ONE_HUNDRED as E, NUMBER_SEVENTY_SIX as T, NUMBER_THREE as N, NUMBER_SIXTY as n } from "../../constants/numbers.js";
+const t = "Ink-ContextMenu", o = "Ink-ContextMenu__item", O = "menu", U = "menuitem", C = "pointerdown", X = "keydown", I = "Escape", e = _, c = E + T, s = N * E + n;
+export {
+  t as CONTEXT_MENU_CLASS,
+  e as CONTEXT_MENU_EDGE_PADDING_PX,
+  s as CONTEXT_MENU_ESTIMATED_HEIGHT_PX,
+  c as CONTEXT_MENU_ESTIMATED_WIDTH_PX,
+  X as CONTEXT_MENU_EVENT_KEY_DOWN,
+  C as CONTEXT_MENU_EVENT_POINTER_DOWN,
+  o as CONTEXT_MENU_ITEM_CLASS,
+  U as CONTEXT_MENU_ITEM_ROLE,
+  I as CONTEXT_MENU_KEY_ESCAPE,
+  O as CONTEXT_MENU_ROLE
+};

package/dist/common-components/ContextMenu/ContextMenu.d.ts

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

package/dist/common-components/ContextMenu/ContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/common-components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,EAAE,EAAmB,MAAM,OAAO,CAAC;AAcpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI5D,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAoE5C,CAAC"}

package/dist/common-components/ContextMenu/ContextMenu.js

@@ -0,0 +1,69 @@
+import { jsx as T } from "react/jsx-runtime";
+import { useRef as u, useEffect as C } from "react";
+import { createPortal as M } from "react-dom";
+import { CONTEXT_MENU_EVENT_POINTER_DOWN as s, CONTEXT_MENU_EVENT_KEY_DOWN as N, CONTEXT_MENU_ROLE as w, CONTEXT_MENU_CLASS as O, CONTEXT_MENU_ITEM_ROLE as X, CONTEXT_MENU_KEY_ESCAPE as P, CONTEXT_MENU_EDGE_PADDING_PX as h, CONTEXT_MENU_ESTIMATED_WIDTH_PX as U, CONTEXT_MENU_ESTIMATED_HEIGHT_PX as D, CONTEXT_MENU_ITEM_CLASS as g } from "./ContextMenu.const.js";
+import { clampContextMenuPosition as v } from "./ContextMenu.utils.js";
+import { cn as I } from "../../utils/cn.utils.js";
+import "../../constants/openai.const.js";
+import "../../utils/paste.utils.js";
+const W = (l) => {
+  const { open: t, x: a, y: c, items: m, onClose: o, colorMode: p } = l, r = u(null);
+  if (C(() => {
+    if (!t) return;
+    const e = (n) => {
+      var d;
+      const _ = n.target;
+      if (!(_ instanceof Node)) {
+        o();
+        return;
+      }
+      (d = r.current) != null && d.contains(_) || o();
+    }, E = (n) => {
+      n.key === P && o();
+    };
+    return window.addEventListener(s, e), window.addEventListener(N, E), () => {
+      window.removeEventListener(s, e), window.removeEventListener(N, E);
+    };
+  }, [t, o]), !t) return null;
+  const i = v({
+    x: a,
+    y: c,
+    menuWidth: U,
+    menuHeight: D,
+    viewport: { width: window.innerWidth, height: window.innerHeight },
+    edgePadding: h
+  }), f = (e) => {
+    e.stopPropagation();
+  };
+  return M(
+    /* @__PURE__ */ T(
+      "div",
+      {
+        ref: r,
+        className: O,
+        role: w,
+        "data-color-mode": p,
+        style: { left: i.x, top: i.y },
+        onPointerDown: f,
+        children: m.map((e) => /* @__PURE__ */ T(
+          "button",
+          {
+            type: "button",
+            role: X,
+            className: I(g),
+            disabled: e.disabled,
+            onClick: () => {
+              e.onSelect(), o();
+            },
+            children: e.label
+          },
+          e.id
+        ))
+      }
+    ),
+    document.body
+  );
+};
+export {
+  W as ContextMenu
+};

package/dist/common-components/ContextMenu/ContextMenu.types.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+import { InkColorMode } from '../../types';
+export type ContextMenuItem = {
+    id: string;
+    label: ReactNode;
+    onSelect: () => void;
+    disabled?: boolean;
+};
+export type ContextMenuProps = {
+    open: boolean;
+    x: number;
+    y: number;
+    items: ContextMenuItem[];
+    onClose: () => void;
+    colorMode?: Exclude<InkColorMode, 'system'> | undefined;
+};
+export interface ContextMenuPosition {
+    x: number;
+    y: number;
+}
+export interface ContextMenuViewportBounds {
+    width: number;
+    height: number;
+}
+export interface ClampContextMenuPositionInput {
+    x: number;
+    y: number;
+    menuWidth: number;
+    menuHeight: number;
+    viewport: ContextMenuViewportBounds;
+    edgePadding: number;
+}
+//# sourceMappingURL=ContextMenu.types.d.ts.map

package/dist/common-components/ContextMenu/ContextMenu.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.types.d.ts","sourceRoot":"","sources":["../../../src/common-components/ContextMenu/ContextMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC;CACzD,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,6BAA6B;IAC5C,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,yBAAyB,CAAC;IACpC,WAAW,EAAE,MAAM,CAAC;CACrB"}

package/dist/common-components/ContextMenu/ContextMenu.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../constants/numbers.cjs"),h=a=>{const{x:m,y:s,menuWidth:r,menuHeight:u,viewport:e,edgePadding:t}=a,x=Math.max(t,e.width-r-t),c=Math.max(t,e.height-u-t),n=Math.min(Math.max(m,t),x),i=Math.min(Math.max(s,t),c);return{x:Number.isFinite(n)?n:o.NUMBER_ZERO,y:Number.isFinite(i)?i:o.NUMBER_ZERO}};exports.clampContextMenuPosition=h;

package/dist/common-components/ContextMenu/ContextMenu.utils.d.ts

@@ -0,0 +1,3 @@
+import { ClampContextMenuPositionInput, ContextMenuPosition } from './ContextMenu.types';
+export declare const clampContextMenuPosition: (input: ClampContextMenuPositionInput) => ContextMenuPosition;
+//# sourceMappingURL=ContextMenu.utils.d.ts.map

package/dist/common-components/ContextMenu/ContextMenu.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.utils.d.ts","sourceRoot":"","sources":["../../../src/common-components/ContextMenu/ContextMenu.utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,6BAA6B,EAC7B,mBAAmB,EACpB,MAAM,qBAAqB,CAAC;AAE7B,eAAO,MAAM,wBAAwB,GACnC,OAAO,6BAA6B,KACnC,mBAWF,CAAC"}

package/dist/common-components/ContextMenu/ContextMenu.utils.js

@@ -0,0 +1,11 @@
+import { NUMBER_ZERO as m } from "../../constants/numbers.js";
+const u = (a) => {
+  const { x: o, y: x, menuWidth: h, menuHeight: s, viewport: n, edgePadding: t } = a, r = Math.max(t, n.width - h - t), M = Math.max(t, n.height - s - t), e = Math.min(Math.max(o, t), r), i = Math.min(Math.max(x, t), M);
+  return {
+    x: Number.isFinite(e) ? e : m,
+    y: Number.isFinite(i) ? i : m
+  };
+};
+export {
+  u as clampContextMenuPosition
+};

package/dist/common-components/ContextMenu/ContextMenu.utils.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ContextMenu.utils.test.d.ts.map

package/dist/common-components/ContextMenu/ContextMenu.utils.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.utils.test.d.ts","sourceRoot":"","sources":["../../../src/common-components/ContextMenu/ContextMenu.utils.test.ts"],"names":[],"mappings":""}

package/dist/common-components/ContextMenu/index.d.ts

@@ -0,0 +1,5 @@
+export { ContextMenu } from './ContextMenu';
+export type { ClampContextMenuPositionInput, ContextMenuItem, ContextMenuPosition, ContextMenuProps, ContextMenuViewportBounds, } from './ContextMenu.types';
+export { CONTEXT_MENU_CLASS, CONTEXT_MENU_EDGE_PADDING_PX, CONTEXT_MENU_ESTIMATED_HEIGHT_PX, CONTEXT_MENU_ESTIMATED_WIDTH_PX, CONTEXT_MENU_EVENT_KEY_DOWN, CONTEXT_MENU_EVENT_POINTER_DOWN, CONTEXT_MENU_ITEM_CLASS, CONTEXT_MENU_ITEM_ROLE, CONTEXT_MENU_KEY_ESCAPE, CONTEXT_MENU_ROLE, } from './ContextMenu.const';
+export { clampContextMenuPosition } from './ContextMenu.utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/common-components/ContextMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common-components/ContextMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,6BAA6B,EAC7B,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,yBAAyB,GAC1B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,kBAAkB,EAClB,4BAA4B,EAC5B,gCAAgC,EAChC,+BAA+B,EAC/B,2BAA2B,EAC3B,+BAA+B,EAC/B,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/common-components/Field/Field.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../Box/Box.cjs"),r=require("./Field.const.cjs"),q=require("../../utils/cn.utils.cjs");require("../../constants/openai.const.cjs");require("react");require("react-dom");require("../../utils/paste.utils.cjs");const d=s=>{const{label:n,value:t,onChange:i,autoFocus:u=!1,className:a,inputProps:l}=s;return e.jsxs("label",{className:q.cn(r.FIELD_CLASS,a),children:[e.jsx(c.Box,{as:"span",className:r.FIELD_LABEL_CLASS,children:n}),e.jsx("input",{value:t,onChange:o=>i(o.target.value),autoFocus:u,...l})]})};exports.Field=d;

package/dist/common-components/Field/Field.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L="Ink-Field",e="Ink-Field__label";exports.FIELD_CLASS=L;exports.FIELD_LABEL_CLASS=e;

package/dist/common-components/Field/Field.const.d.ts

@@ -0,0 +1,3 @@
+export declare const FIELD_CLASS = "Ink-Field";
+export declare const FIELD_LABEL_CLASS = "Ink-Field__label";
+//# sourceMappingURL=Field.const.d.ts.map

package/dist/common-components/Field/Field.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.const.d.ts","sourceRoot":"","sources":["../../../src/common-components/Field/Field.const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,cAAc,CAAC;AACvC,eAAO,MAAM,iBAAiB,qBAAqB,CAAC"}

package/dist/common-components/Field/Field.const.js

@@ -0,0 +1,5 @@
+const L = "Ink-Field", _ = "Ink-Field__label";
+export {
+  L as FIELD_CLASS,
+  _ as FIELD_LABEL_CLASS
+};

package/dist/common-components/Field/Field.d.ts

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

package/dist/common-components/Field/Field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/common-components/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAehC,CAAC"}

package/dist/common-components/Field/Field.js

@@ -0,0 +1,26 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { Box as p } from "../Box/Box.js";
+import { FIELD_LABEL_CLASS as c, FIELD_CLASS as u } from "./Field.const.js";
+import { cn as L } from "../../utils/cn.utils.js";
+import "../../constants/openai.const.js";
+import "react";
+import "react-dom";
+import "../../utils/paste.utils.js";
+const A = (r) => {
+  const { label: a, value: t, onChange: e, autoFocus: s = !1, className: m, inputProps: i } = r;
+  return /* @__PURE__ */ n("label", { className: L(u, m), children: [
+    /* @__PURE__ */ o(p, { as: "span", className: c, children: a }),
+    /* @__PURE__ */ o(
+      "input",
+      {
+        value: t,
+        onChange: (l) => e(l.target.value),
+        autoFocus: s,
+        ...i
+      }
+    )
+  ] });
+};
+export {
+  A as Field
+};

package/dist/common-components/Field/Field.types.d.ts

@@ -0,0 +1,10 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+export type FieldProps = {
+    label: ReactNode;
+    value: string;
+    onChange: (value: string) => void;
+    autoFocus?: boolean;
+    className?: string;
+    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'autoFocus'>;
+};
+//# sourceMappingURL=Field.types.d.ts.map

package/dist/common-components/Field/Field.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.types.d.ts","sourceRoot":"","sources":["../../../src/common-components/Field/Field.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC,CAAC;CAC9F,CAAC"}

package/dist/common-components/Field/index.d.ts

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

package/dist/common-components/Field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common-components/Field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/common-components/icons/GripIcon.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("./Icon.const.cjs"),s=require("../../utils/cn.utils.cjs");require("../../constants/openai.const.cjs");require("react");require("react-dom");require("../../utils/paste.utils.cjs");const c=()=>r.jsx("span",{className:s.cn(e.ICON_CLASS,e.ICON_CLASS_GRIP),"aria-hidden":"true",children:r.jsx("svg",{viewBox:e.ICON_VIEWBOX,children:e.GRIP_DOT_ROWS.flatMap(i=>e.GRIP_DOT_COLS.map(n=>r.jsx("circle",{cx:n,cy:i,r:e.GRIP_DOT_RADIUS},`${n}-${i}`)))})});exports.GripIcon=c;

package/dist/common-components/icons/GripIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const GripIcon: FC;
+//# sourceMappingURL=GripIcon.d.ts.map

package/dist/common-components/icons/GripIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GripIcon.d.ts","sourceRoot":"","sources":["../../../src/common-components/icons/GripIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAWhC,eAAO,MAAM,QAAQ,EAAE,EAUtB,CAAC"}