@forgedevstack/ink 1.1.3 → 1.1.5

package/dist/components/InkEditor/components/FindReplace/FindReplace.js

@@ -1,49 +1,68 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { useState as E } from "react";
-import { EMPTY_STRING as _ } from "../../../../constants/generals.const.js";
-import { FIND_REPLACE_DEFAULT_TITLE as I, FIND_REPLACE_DEFAULT_FIND as D, FIND_REPLACE_DEFAULT_REPLACE as R, FIND_REPLACE_DEFAULT_ONE as S, FIND_REPLACE_DEFAULT_ALL as T, FIND_REPLACE_DEFAULT_CLOSE as h, FIND_REPLACE_CLASS as P, FIND_REPLACE_TITLE_CLASS as f, FIND_REPLACE_FIELD_CLASS as i, FIND_REPLACE_ACTIONS_CLASS as v } from "./FindReplace.const.js";
-const x = (s) => {
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useState as L } from "react";
+import { EMPTY_STRING as n } from "../../../../constants/generals.const.js";
+import { FIND_REPLACE_FOCUS_FIND as s, FIND_REPLACE_FOCUS_REPLACE as P } from "../../../../constants/findReplaceMenu.const.js";
+import "../../../../constants/openai.const.js";
+import "../../../../utils/paste.utils.js";
+import { Button as E } from "../../../../common-components/Button/Button.js";
+import { Field as c } from "../../../../common-components/Field/Field.js";
+import "react-dom";
+import { FIND_REPLACE_DEFAULT_FIND as S, FIND_REPLACE_DEFAULT_REPLACE as T, FIND_REPLACE_DEFAULT_ONE as h, FIND_REPLACE_DEFAULT_ALL as U, FIND_REPLACE_DEFAULT_CLOSE as O, FIND_REPLACE_DEFAULT_TITLE as v, FIND_REPLACE_CLASS as x, FIND_REPLACE_TITLE_CLASS as y, FIND_REPLACE_FIELD_CLASS as F, FIND_REPLACE_ACTIONS_CLASS as g } from "./FindReplace.const.js";
+const J = (A) => {
   const {
-    open: c,
-    onClose: L,
-    onReplace: u,
-    findLabel: A = D,
-    replaceLabel: d = R,
-    replaceOneLabel: b = S,
-    replaceAllLabel: p = T,
-    closeLabel: C = h,
-    title: a = I
-  } = s, [l, N] = E(_), [o, F] = E(_);
-  if (!c) return null;
-  const r = (e, m) => {
-    e.preventDefault(), l && u(l, o, m);
+    open: C,
+    onClose: m,
+    onReplace: p,
+    findLabel: D = S,
+    replaceLabel: N = T,
+    replaceOneLabel: u = h,
+    replaceAllLabel: I = U,
+    closeLabel: R = O,
+    title: a = v,
+    focusField: o = s
+  } = A, [l, d] = L(n), [r, b] = L(n);
+  if (!C) return null;
+  const _ = (t, f) => {
+    t.preventDefault(), l && p(l, r, f);
   };
-  return /* @__PURE__ */ n("form", { className: P, "aria-label": a, onSubmit: (e) => r(e, !1), children: [
-    /* @__PURE__ */ t("p", { className: f, children: a }),
-    /* @__PURE__ */ n("label", { className: i, children: [
-      /* @__PURE__ */ t("span", { children: A }),
-      /* @__PURE__ */ t("input", { value: l, onChange: (e) => N(e.target.value), autoFocus: !0 })
-    ] }),
-    /* @__PURE__ */ n("label", { className: i, children: [
-      /* @__PURE__ */ t("span", { children: d }),
-      /* @__PURE__ */ t("input", { value: o, onChange: (e) => F(e.target.value) })
-    ] }),
-    /* @__PURE__ */ n("div", { className: v, children: [
-      /* @__PURE__ */ t("button", { type: "button", className: "Ink-Editor__button", onClick: L, children: C }),
-      /* @__PURE__ */ t("button", { type: "submit", className: "Ink-Editor__button", disabled: !l, children: b }),
-      /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          className: "Ink-Editor__button Ink-Editor__button--active",
-          disabled: !l,
-          onClick: (e) => r(e, !0),
-          children: p
-        }
-      )
-    ] })
-  ] });
+  return /* @__PURE__ */ i(
+    "form",
+    {
+      className: x,
+      "aria-label": a,
+      onSubmit: (t) => _(t, !1),
+      children: [
+        /* @__PURE__ */ e("p", { className: y, children: a }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            className: F,
+            label: D,
+            value: l,
+            onChange: d,
+            autoFocus: o === s
+          }
+        ),
+        /* @__PURE__ */ e(
+          c,
+          {
+            className: F,
+            label: N,
+            value: r,
+            onChange: b,
+            autoFocus: o === P
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: g, children: [
+          /* @__PURE__ */ e(E, { type: "button", onClick: m, children: R }),
+          /* @__PURE__ */ e(E, { type: "submit", disabled: !l, children: u }),
+          /* @__PURE__ */ e(E, { type: "button", active: !0, disabled: !l, onClick: (t) => _(t, !0), children: I })
+        ] })
+      ]
+    },
+    o
+  );
 };
 export {
-  x as FindReplace
+  J as FindReplace
 };

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

@@ -1,3 +1,4 @@
+export type FindReplaceFocusField = 'find' | 'replace';
 export interface FindReplaceProps {
     open: boolean;
     onClose: () => void;
@@ -8,5 +9,6 @@ export interface FindReplaceProps {
     replaceAllLabel?: string;
     closeLabel?: string;
     title?: string;
+    focusField?: FindReplaceFocusField;
 }
 //# sourceMappingURL=FindReplace.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FindReplace.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/FindReplace/FindReplace.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"FindReplace.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/FindReplace/FindReplace.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACpC"}

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

@@ -1,3 +1,3 @@
 export { FindReplace } from './FindReplace';
-export type { FindReplaceProps } from './FindReplace.types';
+export type { FindReplaceFocusField, FindReplaceProps } from './FindReplace.types';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/InkEditor/components/InlineToolbar/InlineToolbar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),a=require("react");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const E=require("../../../../common-components/Button/Button.cjs");require("react-dom");const I=require("./InlineToolbar.const.cjs"),d=R=>{const{open:A,top:B,left:C,icons:e,activeFormats:L,disabled:O=!1,onFormat:u,onLink:c,onClose:o}=R,r=a.useRef(null);if(a.useEffect(()=>{if(!A)return;const N=l=>{var t;const i=l.target;if(!(i instanceof Node)){o();return}(t=r.current)!=null&&t.contains(i)||o()},s=l=>{l.key===I.INLINE_TOOLBAR_KEY_ESCAPE&&o()};return window.addEventListener(I.INLINE_TOOLBAR_EVENT_POINTER_DOWN,N),window.addEventListener(I.INLINE_TOOLBAR_EVENT_KEY_DOWN,s),()=>{window.removeEventListener(I.INLINE_TOOLBAR_EVENT_POINTER_DOWN,N),window.removeEventListener(I.INLINE_TOOLBAR_EVENT_KEY_DOWN,s)}},[A,o]),!A)return null;const n=N=>{N.preventDefault()},T=N=>{u(N)};return _.jsxs("div",{ref:r,className:I.INLINE_TOOLBAR_CLASS,role:I.INLINE_TOOLBAR_ROLE,"aria-label":I.INLINE_TOOLBAR_ARIA_LABEL,style:{top:B,left:C},onPointerDown:N=>N.stopPropagation(),children:[_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_BOLD,"aria-label":I.INLINE_TOOLBAR_TITLE_BOLD,"aria-pressed":L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_BOLD),active:L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_BOLD),disabled:O,onMouseDown:n,onClick:()=>T(I.INLINE_TOOLBAR_ACTION_BOLD),children:e.bold}),_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_ITALIC,"aria-label":I.INLINE_TOOLBAR_TITLE_ITALIC,"aria-pressed":L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_ITALIC),active:L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_ITALIC),disabled:O,onMouseDown:n,onClick:()=>T(I.INLINE_TOOLBAR_ACTION_ITALIC),children:e.italic}),_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_UNDERLINE,"aria-label":I.INLINE_TOOLBAR_TITLE_UNDERLINE,"aria-pressed":L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_UNDERLINE),active:L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_UNDERLINE),disabled:O,onMouseDown:n,onClick:()=>T(I.INLINE_TOOLBAR_ACTION_UNDERLINE),children:e.underline}),_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_CODE,"aria-label":I.INLINE_TOOLBAR_TITLE_CODE,"aria-pressed":L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_CODE),active:L==null?void 0:L.has(I.INLINE_TOOLBAR_ACTION_CODE),disabled:O,onMouseDown:n,onClick:()=>T(I.INLINE_TOOLBAR_ACTION_CODE),children:e.code}),_.jsx("span",{className:I.INLINE_TOOLBAR_DIVIDER_CLASS,"aria-hidden":"true"}),_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_LINK,"aria-label":I.INLINE_TOOLBAR_TITLE_LINK,disabled:O,"data-action":I.INLINE_TOOLBAR_LINK_ID,onMouseDown:n,onClick:c,children:e.link}),_.jsx(E.Button,{className:I.INLINE_TOOLBAR_ITEM_CLASS,title:I.INLINE_TOOLBAR_TITLE_CLEAR,"aria-label":I.INLINE_TOOLBAR_TITLE_CLEAR,disabled:O,onMouseDown:n,onClick:()=>T(I.INLINE_TOOLBAR_ACTION_CLEAR),children:e.clearFormat})]})};exports.InlineToolbar=d;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("../../../../constants/numbers.cjs"),_="Ink-InlineToolbar",L="Ink-InlineToolbar__item",N="Ink-InlineToolbar__divider",E="toolbar",O="Inline formatting toolbar",T=I.NUMBER_EIGHT,A=I.NUMBER_EIGHT,R=I.NUMBER_TWO_HUNDRED_FIFTY,B=I.NUMBER_THIRTY_SIX,n="pointerdown",o="keydown",t="Escape",D="Bold",c="Italic",C="Underline",s="Code",e="Link",i="Clear formatting",l="bold",r="italic",S="underline",P="code",a="clearFormat",d="link";exports.INLINE_TOOLBAR_ACTION_BOLD=l;exports.INLINE_TOOLBAR_ACTION_CLEAR=a;exports.INLINE_TOOLBAR_ACTION_CODE=P;exports.INLINE_TOOLBAR_ACTION_ITALIC=r;exports.INLINE_TOOLBAR_ACTION_UNDERLINE=S;exports.INLINE_TOOLBAR_ARIA_LABEL=O;exports.INLINE_TOOLBAR_CLASS=_;exports.INLINE_TOOLBAR_DIVIDER_CLASS=N;exports.INLINE_TOOLBAR_EDGE_PADDING_PX=A;exports.INLINE_TOOLBAR_ESTIMATED_HEIGHT_PX=B;exports.INLINE_TOOLBAR_ESTIMATED_WIDTH_PX=R;exports.INLINE_TOOLBAR_EVENT_KEY_DOWN=o;exports.INLINE_TOOLBAR_EVENT_POINTER_DOWN=n;exports.INLINE_TOOLBAR_GAP_PX=T;exports.INLINE_TOOLBAR_ITEM_CLASS=L;exports.INLINE_TOOLBAR_KEY_ESCAPE=t;exports.INLINE_TOOLBAR_LINK_ID=d;exports.INLINE_TOOLBAR_ROLE=E;exports.INLINE_TOOLBAR_TITLE_BOLD=D;exports.INLINE_TOOLBAR_TITLE_CLEAR=i;exports.INLINE_TOOLBAR_TITLE_CODE=s;exports.INLINE_TOOLBAR_TITLE_ITALIC=c;exports.INLINE_TOOLBAR_TITLE_LINK=e;exports.INLINE_TOOLBAR_TITLE_UNDERLINE=C;

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

@@ -0,0 +1,25 @@
+export declare const INLINE_TOOLBAR_CLASS = "Ink-InlineToolbar";
+export declare const INLINE_TOOLBAR_ITEM_CLASS = "Ink-InlineToolbar__item";
+export declare const INLINE_TOOLBAR_DIVIDER_CLASS = "Ink-InlineToolbar__divider";
+export declare const INLINE_TOOLBAR_ROLE = "toolbar";
+export declare const INLINE_TOOLBAR_ARIA_LABEL = "Inline formatting toolbar";
+export declare const INLINE_TOOLBAR_GAP_PX = 8;
+export declare const INLINE_TOOLBAR_EDGE_PADDING_PX = 8;
+export declare const INLINE_TOOLBAR_ESTIMATED_WIDTH_PX = 250;
+export declare const INLINE_TOOLBAR_ESTIMATED_HEIGHT_PX = 36;
+export declare const INLINE_TOOLBAR_EVENT_POINTER_DOWN = "pointerdown";
+export declare const INLINE_TOOLBAR_EVENT_KEY_DOWN = "keydown";
+export declare const INLINE_TOOLBAR_KEY_ESCAPE = "Escape";
+export declare const INLINE_TOOLBAR_TITLE_BOLD = "Bold";
+export declare const INLINE_TOOLBAR_TITLE_ITALIC = "Italic";
+export declare const INLINE_TOOLBAR_TITLE_UNDERLINE = "Underline";
+export declare const INLINE_TOOLBAR_TITLE_CODE = "Code";
+export declare const INLINE_TOOLBAR_TITLE_LINK = "Link";
+export declare const INLINE_TOOLBAR_TITLE_CLEAR = "Clear formatting";
+export declare const INLINE_TOOLBAR_ACTION_BOLD: "bold";
+export declare const INLINE_TOOLBAR_ACTION_ITALIC: "italic";
+export declare const INLINE_TOOLBAR_ACTION_UNDERLINE: "underline";
+export declare const INLINE_TOOLBAR_ACTION_CODE: "code";
+export declare const INLINE_TOOLBAR_ACTION_CLEAR: "clearFormat";
+export declare const INLINE_TOOLBAR_LINK_ID = "link";
+//# sourceMappingURL=InlineToolbar.const.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineToolbar.const.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/InlineToolbar/InlineToolbar.const.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,oBAAoB,sBAAsB,CAAC;AACxD,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AACnE,eAAO,MAAM,4BAA4B,+BAA+B,CAAC;AACzE,eAAO,MAAM,mBAAmB,YAAY,CAAC;AAC7C,eAAO,MAAM,yBAAyB,8BAA8B,CAAC;AAErE,eAAO,MAAM,qBAAqB,IAAe,CAAC;AAClD,eAAO,MAAM,8BAA8B,IAAe,CAAC;AAC3D,eAAO,MAAM,iCAAiC,MAA2B,CAAC;AAC1E,eAAO,MAAM,kCAAkC,KAAoB,CAAC;AAEpE,eAAO,MAAM,iCAAiC,gBAAgB,CAAC;AAC/D,eAAO,MAAM,6BAA6B,YAAY,CAAC;AACvD,eAAO,MAAM,yBAAyB,WAAW,CAAC;AAElD,eAAO,MAAM,yBAAyB,SAAS,CAAC;AAChD,eAAO,MAAM,2BAA2B,WAAW,CAAC;AACpD,eAAO,MAAM,8BAA8B,cAAc,CAAC;AAC1D,eAAO,MAAM,yBAAyB,SAAS,CAAC;AAChD,eAAO,MAAM,yBAAyB,SAAS,CAAC;AAChD,eAAO,MAAM,0BAA0B,qBAAqB,CAAC;AAE7D,eAAO,MAAM,0BAA0B,QAAsD,CAAC;AAC9F,eAAO,MAAM,4BAA4B,UAAwD,CAAC;AAClG,eAAO,MAAM,+BAA+B,aACc,CAAC;AAC3D,eAAO,MAAM,0BAA0B,QAAsD,CAAC;AAC9F,eAAO,MAAM,2BAA2B,eACoB,CAAC;AAE7D,eAAO,MAAM,sBAAsB,SAAS,CAAC"}

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

@@ -0,0 +1,28 @@
+import { NUMBER_EIGHT as I, NUMBER_TWO_HUNDRED_FIFTY as _, NUMBER_THIRTY_SIX as L } from "../../../../constants/numbers.js";
+const E = "Ink-InlineToolbar", O = "Ink-InlineToolbar__item", T = "Ink-InlineToolbar__divider", o = "toolbar", n = "Inline formatting toolbar", A = I, t = I, R = _, B = L, c = "pointerdown", s = "keydown", D = "Escape", e = "Bold", i = "Italic", l = "Underline", r = "Code", C = "Link", a = "Clear formatting", d = "bold", S = "italic", P = "underline", U = "code", b = "clearFormat", k = "link";
+export {
+  d as INLINE_TOOLBAR_ACTION_BOLD,
+  b as INLINE_TOOLBAR_ACTION_CLEAR,
+  U as INLINE_TOOLBAR_ACTION_CODE,
+  S as INLINE_TOOLBAR_ACTION_ITALIC,
+  P as INLINE_TOOLBAR_ACTION_UNDERLINE,
+  n as INLINE_TOOLBAR_ARIA_LABEL,
+  E as INLINE_TOOLBAR_CLASS,
+  T as INLINE_TOOLBAR_DIVIDER_CLASS,
+  t as INLINE_TOOLBAR_EDGE_PADDING_PX,
+  B as INLINE_TOOLBAR_ESTIMATED_HEIGHT_PX,
+  R as INLINE_TOOLBAR_ESTIMATED_WIDTH_PX,
+  s as INLINE_TOOLBAR_EVENT_KEY_DOWN,
+  c as INLINE_TOOLBAR_EVENT_POINTER_DOWN,
+  A as INLINE_TOOLBAR_GAP_PX,
+  O as INLINE_TOOLBAR_ITEM_CLASS,
+  D as INLINE_TOOLBAR_KEY_ESCAPE,
+  k as INLINE_TOOLBAR_LINK_ID,
+  o as INLINE_TOOLBAR_ROLE,
+  e as INLINE_TOOLBAR_TITLE_BOLD,
+  a as INLINE_TOOLBAR_TITLE_CLEAR,
+  r as INLINE_TOOLBAR_TITLE_CODE,
+  i as INLINE_TOOLBAR_TITLE_ITALIC,
+  C as INLINE_TOOLBAR_TITLE_LINK,
+  l as INLINE_TOOLBAR_TITLE_UNDERLINE
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/InlineToolbar/InlineToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,EAAE,EAAmB,MAAM,OAAO,CAAC;AAwBpE,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAE/B,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA+HhD,CAAC"}

package/dist/components/InkEditor/components/InlineToolbar/InlineToolbar.js

@@ -0,0 +1,140 @@
+import { jsxs as K, jsx as o } from "react/jsx-runtime";
+import { useRef as P, useEffect as g } from "react";
+import "../../../../constants/openai.const.js";
+import "../../../../utils/paste.utils.js";
+import { Button as l } from "../../../../common-components/Button/Button.js";
+import "react-dom";
+import { INLINE_TOOLBAR_EVENT_POINTER_DOWN as B, INLINE_TOOLBAR_EVENT_KEY_DOWN as u, INLINE_TOOLBAR_ARIA_LABEL as x, INLINE_TOOLBAR_ROLE as y, INLINE_TOOLBAR_CLASS as V, INLINE_TOOLBAR_TITLE_BOLD as C, INLINE_TOOLBAR_ITEM_CLASS as _, INLINE_TOOLBAR_ACTION_BOLD as E, INLINE_TOOLBAR_TITLE_ITALIC as D, INLINE_TOOLBAR_ACTION_ITALIC as s, INLINE_TOOLBAR_TITLE_UNDERLINE as p, INLINE_TOOLBAR_ACTION_UNDERLINE as t, INLINE_TOOLBAR_TITLE_CODE as f, INLINE_TOOLBAR_ACTION_CODE as T, INLINE_TOOLBAR_DIVIDER_CLASS as j, INLINE_TOOLBAR_LINK_ID as U, INLINE_TOOLBAR_TITLE_LINK as h, INLINE_TOOLBAR_TITLE_CLEAR as w, INLINE_TOOLBAR_KEY_ESCAPE as W, INLINE_TOOLBAR_ACTION_CLEAR as Y } from "./InlineToolbar.const.js";
+const Z = (b) => {
+  const {
+    open: O,
+    top: k,
+    left: m,
+    icons: L,
+    activeFormats: e,
+    disabled: I = !1,
+    onFormat: M,
+    onLink: S,
+    onClose: i
+  } = b, A = P(null);
+  if (g(() => {
+    if (!O) return;
+    const n = (a) => {
+      var c;
+      const R = a.target;
+      if (!(R instanceof Node)) {
+        i();
+        return;
+      }
+      (c = A.current) != null && c.contains(R) || i();
+    }, d = (a) => {
+      a.key === W && i();
+    };
+    return window.addEventListener(B, n), window.addEventListener(u, d), () => {
+      window.removeEventListener(B, n), window.removeEventListener(u, d);
+    };
+  }, [O, i]), !O) return null;
+  const N = (n) => {
+    n.preventDefault();
+  }, r = (n) => {
+    M(n);
+  };
+  return /* @__PURE__ */ K(
+    "div",
+    {
+      ref: A,
+      className: V,
+      role: y,
+      "aria-label": x,
+      style: { top: k, left: m },
+      onPointerDown: (n) => n.stopPropagation(),
+      children: [
+        /* @__PURE__ */ o(
+          l,
+          {
+            className: _,
+            title: C,
+            "aria-label": C,
+            "aria-pressed": e == null ? void 0 : e.has(E),
+            active: e == null ? void 0 : e.has(E),
+            disabled: I,
+            onMouseDown: N,
+            onClick: () => r(E),
+            children: L.bold
+          }
+        ),
+        /* @__PURE__ */ o(
+          l,
+          {
+            className: _,
+            title: D,
+            "aria-label": D,
+            "aria-pressed": e == null ? void 0 : e.has(s),
+            active: e == null ? void 0 : e.has(s),
+            disabled: I,
+            onMouseDown: N,
+            onClick: () => r(s),
+            children: L.italic
+          }
+        ),
+        /* @__PURE__ */ o(
+          l,
+          {
+            className: _,
+            title: p,
+            "aria-label": p,
+            "aria-pressed": e == null ? void 0 : e.has(t),
+            active: e == null ? void 0 : e.has(t),
+            disabled: I,
+            onMouseDown: N,
+            onClick: () => r(t),
+            children: L.underline
+          }
+        ),
+        /* @__PURE__ */ o(
+          l,
+          {
+            className: _,
+            title: f,
+            "aria-label": f,
+            "aria-pressed": e == null ? void 0 : e.has(T),
+            active: e == null ? void 0 : e.has(T),
+            disabled: I,
+            onMouseDown: N,
+            onClick: () => r(T),
+            children: L.code
+          }
+        ),
+        /* @__PURE__ */ o("span", { className: j, "aria-hidden": "true" }),
+        /* @__PURE__ */ o(
+          l,
+          {
+            className: _,
+            title: h,
+            "aria-label": h,
+            disabled: I,
+            "data-action": U,
+            onMouseDown: N,
+            onClick: S,
+            children: L.link
+          }
+        ),
+        /* @__PURE__ */ o(
+          l,
+          {
+            className: _,
+            title: w,
+            "aria-label": w,
+            disabled: I,
+            onMouseDown: N,
+            onClick: () => r(Y),
+            children: L.clearFormat
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Z as InlineToolbar
+};

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

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+import { ToolbarOption } from '../../../../types';
+export type InlineToolbarFormatAction = Extract<ToolbarOption, 'bold' | 'italic' | 'underline' | 'code' | 'clearFormat'>;
+export type InlineToolbarIcons = Record<InlineToolbarFormatAction | 'link', ReactNode>;
+export interface InlineToolbarPosition {
+    top: number;
+    left: number;
+}
+export interface InlineToolbarProps {
+    open: boolean;
+    top: number;
+    left: number;
+    icons: InlineToolbarIcons;
+    activeFormats?: Set<string>;
+    disabled?: boolean;
+    onFormat: (action: InlineToolbarFormatAction) => void;
+    onLink: () => void;
+    onClose: () => void;
+}
+export interface InlineToolbarViewportBounds {
+    width: number;
+    height: number;
+}
+export interface ClampInlineToolbarPositionInput {
+    selectionRect: DOMRect | Pick<DOMRect, 'top' | 'left' | 'width' | 'height' | 'bottom'>;
+    toolbarWidth: number;
+    toolbarHeight: number;
+    viewport: InlineToolbarViewportBounds;
+    gap: number;
+    edgePadding: number;
+}
+//# sourceMappingURL=InlineToolbar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineToolbar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/InlineToolbar/InlineToolbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC7C,aAAa,EACb,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,GAAG,aAAa,CACzD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,MAAM,CACrC,yBAAyB,GAAG,MAAM,EAClC,SAAS,CACV,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,kBAAkB,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACtD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,+BAA+B;IAC9C,aAAa,EAAE,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC;IACvF,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,2BAA2B,CAAC;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;CACrB"}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../constants/numbers.cjs"),M=n=>{const{selectionRect:t,toolbarWidth:o,toolbarHeight:r,viewport:a,gap:s,edgePadding:e}=n,c=t.top-r-s,d=t.left+t.width/i.NUMBER_TWO-o/i.NUMBER_TWO,l=Math.max(e,a.height-r-e),u=Math.max(e,a.width-o-e),m=c>=e?Math.min(c,l):Math.min(t.bottom+s,l),h=Math.min(Math.max(d,e),u);return{top:Number.isFinite(m)?m:i.NUMBER_ZERO,left:Number.isFinite(h)?h:i.NUMBER_ZERO}},f=(n,t)=>{if(!n||!t||n.rangeCount===i.NUMBER_ZERO)return!1;const o=n.anchorNode;return o?t.contains(o):!1};exports.clampInlineToolbarPosition=M;exports.selectionIsInsideElement=f;

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

@@ -0,0 +1,4 @@
+import { ClampInlineToolbarPositionInput, InlineToolbarPosition } from './InlineToolbar.types';
+export declare const clampInlineToolbarPosition: (input: ClampInlineToolbarPositionInput) => InlineToolbarPosition;
+export declare const selectionIsInsideElement: (selection: Selection | null, root: HTMLElement | null) => boolean;
+//# sourceMappingURL=InlineToolbar.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineToolbar.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/InlineToolbar/InlineToolbar.utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,+BAA+B,EAC/B,qBAAqB,EACtB,MAAM,uBAAuB,CAAC;AAE/B,eAAO,MAAM,0BAA0B,GACrC,OAAO,+BAA+B,KACrC,qBAoBF,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,WAAW,SAAS,GAAG,IAAI,EAC3B,MAAM,WAAW,GAAG,IAAI,KACvB,OAKF,CAAC"}

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

@@ -0,0 +1,16 @@
+import { NUMBER_ZERO as i, NUMBER_TWO as l } from "../../../../constants/numbers.js";
+const u = (n) => {
+  const { selectionRect: t, toolbarWidth: o, toolbarHeight: a, viewport: r, gap: s, edgePadding: e } = n, c = t.top - a - s, p = t.left + t.width / l - o / l, m = Math.max(e, r.height - a - e), d = Math.max(e, r.width - o - e), h = c >= e ? Math.min(c, m) : Math.min(t.bottom + s, m), f = Math.min(Math.max(p, e), d);
+  return {
+    top: Number.isFinite(h) ? h : i,
+    left: Number.isFinite(f) ? f : i
+  };
+}, b = (n, t) => {
+  if (!n || !t || n.rangeCount === i) return !1;
+  const o = n.anchorNode;
+  return o ? t.contains(o) : !1;
+};
+export {
+  u as clampInlineToolbarPosition,
+  b as selectionIsInsideElement
+};

package/dist/components/InkEditor/components/InlineToolbar/InlineToolbar.utils.test.d.ts

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

package/dist/components/InkEditor/components/InlineToolbar/InlineToolbar.utils.test.d.ts.map

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

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

@@ -0,0 +1,5 @@
+export { InlineToolbar } from './InlineToolbar';
+export type { ClampInlineToolbarPositionInput, InlineToolbarFormatAction, InlineToolbarIcons, InlineToolbarPosition, InlineToolbarProps, InlineToolbarViewportBounds, } from './InlineToolbar.types';
+export { INLINE_TOOLBAR_CLASS, INLINE_TOOLBAR_EDGE_PADDING_PX, INLINE_TOOLBAR_ESTIMATED_HEIGHT_PX, INLINE_TOOLBAR_ESTIMATED_WIDTH_PX, INLINE_TOOLBAR_GAP_PX, } from './InlineToolbar.const';
+export { clampInlineToolbarPosition, selectionIsInsideElement } from './InlineToolbar.utils';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/InlineToolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,+BAA+B,EAC/B,yBAAyB,EACzB,kBAAkB,EAClB,qBAAqB,EACrB,kBAAkB,EAClB,2BAA2B,GAC5B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,oBAAoB,EACpB,8BAA8B,EAC9B,kCAAkC,EAClC,iCAAiC,EACjC,qBAAqB,GACtB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,0BAA0B,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/InkEditor/components/SignPad/SignPad.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("react"),a=require("../../../../constants/numbers.cjs"),n=require("./SignPad.const.cjs"),I=require("./SignPad.utils.cjs"),R=f=>{const{open:_,onClose:S,onConfirm:P,clearLabel:C=n.SIGN_PAD_DEFAULT_CLEAR,confirmLabel:E=n.SIGN_PAD_DEFAULT_CONFIRM,cancelLabel:D=n.SIGN_PAD_DEFAULT_CANCEL,title:d=n.SIGN_PAD_DEFAULT_TITLE}=f,r=l.useRef(null),s=l.useRef(!1),[N,u]=l.useState(!1);if(l.useEffect(()=>{if(!_){s.current=!1;return}const e=r.current,t=e==null?void 0:e.getContext("2d");!e||!t||(t.fillStyle=n.SIGN_PAD_FILL_STYLE,t.fillRect(a.NUMBER_ZERO,a.NUMBER_ZERO,e.width,e.height),t.strokeStyle=n.SIGN_PAD_STROKE_STYLE,t.lineWidth=n.SIGN_PAD_LINE_WIDTH,t.lineCap="round",t.lineJoin="round",s.current=!1,u(!1))},[_]),!_)return null;const L=e=>{const t=r.current,o=t==null?void 0:t.getContext("2d");if(!t||!o)return;s.current=!0,t.setPointerCapture(e.pointerId);const c=I.getCanvasPoint(t,e.clientX,e.clientY);o.beginPath(),o.moveTo(c.x,c.y)},b=e=>{if(!s.current)return;const t=r.current,o=t==null?void 0:t.getContext("2d");if(!t||!o)return;const c=I.getCanvasPoint(t,e.clientX,e.clientY);o.lineTo(c.x,c.y),o.stroke(),u(!0)},A=e=>{var t;s.current=!1,(t=r.current)==null||t.releasePointerCapture(e.pointerId)},h=()=>{const e=r.current,t=e==null?void 0:e.getContext("2d");!e||!t||(t.fillStyle=n.SIGN_PAD_FILL_STYLE,t.fillRect(a.NUMBER_ZERO,a.NUMBER_ZERO,e.width,e.height),u(!1))},g=()=>{const e=r.current;!e||!N||(P(e.toDataURL(n.SIGN_PAD_MIME)),S())};return i.jsxs("div",{className:n.SIGN_PAD_CLASS,role:"dialog","aria-modal":"true","aria-label":d,children:[i.jsx("p",{className:n.SIGN_PAD_TITLE_CLASS,children:d}),i.jsx("canvas",{ref:r,className:n.SIGN_PAD_CANVAS_CLASS,width:n.SIGN_PAD_CANVAS_WIDTH,height:n.SIGN_PAD_CANVAS_HEIGHT,onPointerDown:L,onPointerMove:b,onPointerUp:A,onPointerLeave:A}),i.jsxs("div",{className:n.SIGN_PAD_ACTIONS_CLASS,children:[i.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:h,children:C}),i.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:S,children:D}),i.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Editor__button--active",disabled:!N,onClick:g,children:E})]})]})};exports.SignPad=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("react"),a=require("../../../../constants/numbers.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const S=require("../../../../common-components/Button/Button.cjs"),x=require("../../../../common-components/Canvas/Canvas.cjs");require("react-dom");const n=require("./SignPad.const.cjs"),f=require("./SignPad.utils.cjs"),G=P=>{const{open:u,onClose:d,onConfirm:I,clearLabel:D=n.SIGN_PAD_DEFAULT_CLEAR,confirmLabel:L=n.SIGN_PAD_DEFAULT_CONFIRM,cancelLabel:E=n.SIGN_PAD_DEFAULT_CANCEL,title:A=n.SIGN_PAD_DEFAULT_TITLE}=P,r=l.useRef(null),s=l.useRef(!1),[C,_]=l.useState(!1);if(l.useEffect(()=>{if(!u){s.current=!1;return}const t=r.current,e=t==null?void 0:t.getContext("2d");!t||!e||(e.fillStyle=n.SIGN_PAD_FILL_STYLE,e.fillRect(a.NUMBER_ZERO,a.NUMBER_ZERO,t.width,t.height),e.strokeStyle=n.SIGN_PAD_STROKE_STYLE,e.lineWidth=n.SIGN_PAD_LINE_WIDTH,e.lineCap="round",e.lineJoin="round",s.current=!1,_(!1))},[u]),!u)return null;const h=t=>{const e=r.current,o=e==null?void 0:e.getContext("2d");if(!e||!o)return;s.current=!0,e.setPointerCapture(t.pointerId);const c=f.getCanvasPoint(e,t.clientX,t.clientY);o.beginPath(),o.moveTo(c.x,c.y)},g=t=>{if(!s.current)return;const e=r.current,o=e==null?void 0:e.getContext("2d");if(!e||!o)return;const c=f.getCanvasPoint(e,t.clientX,t.clientY);o.lineTo(c.x,c.y),o.stroke(),_(!0)},N=t=>{var e;s.current=!1,(e=r.current)==null||e.releasePointerCapture(t.pointerId)},R=()=>{const t=r.current,e=t==null?void 0:t.getContext("2d");!t||!e||(e.fillStyle=n.SIGN_PAD_FILL_STYLE,e.fillRect(a.NUMBER_ZERO,a.NUMBER_ZERO,t.width,t.height),_(!1))},T=()=>{const t=r.current;!t||!C||(I(t.toDataURL(n.SIGN_PAD_MIME)),d())};return i.jsxs("div",{className:n.SIGN_PAD_CLASS,role:"dialog","aria-modal":"true","aria-label":A,children:[i.jsx("p",{className:n.SIGN_PAD_TITLE_CLASS,children:A}),i.jsx(x.Canvas,{canvasRef:r,className:n.SIGN_PAD_CANVAS_CLASS,width:n.SIGN_PAD_CANVAS_WIDTH,height:n.SIGN_PAD_CANVAS_HEIGHT,onPointerDown:h,onPointerMove:g,onPointerUp:N,onPointerLeave:N}),i.jsxs("div",{className:n.SIGN_PAD_ACTIONS_CLASS,children:[i.jsx(S.Button,{type:"button",onClick:R,children:D}),i.jsx(S.Button,{type:"button",onClick:d,children:E}),i.jsx(S.Button,{type:"button",active:!0,disabled:!C,onClick:T,children:L})]})]})};exports.SignPad=G;

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

@@ -1 +1 @@
-{"version":3,"file":"SignPad.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/SignPad/SignPad.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AAkBhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA4GpC,CAAC"}
+{"version":3,"file":"SignPad.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/SignPad/SignPad.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AAmBhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAuGpC,CAAC"}

package/dist/components/InkEditor/components/SignPad/SignPad.js

@@ -1,79 +1,75 @@
-import { jsxs as f, jsx as l } from "react/jsx-runtime";
-import { useRef as A, useState as p, useEffect as b } from "react";
+import { jsxs as A, jsx as l } from "react/jsx-runtime";
+import { useRef as C, useState as T, useEffect as G } from "react";
 import { NUMBER_ZERO as c } from "../../../../constants/numbers.js";
-import { SIGN_PAD_DEFAULT_TITLE as T, SIGN_PAD_DEFAULT_CLEAR as G, SIGN_PAD_DEFAULT_CONFIRM as g, SIGN_PAD_DEFAULT_CANCEL as x, SIGN_PAD_FILL_STYLE as I, SIGN_PAD_STROKE_STYLE as k, SIGN_PAD_LINE_WIDTH as R, SIGN_PAD_CLASS as w, SIGN_PAD_TITLE_CLASS as y, SIGN_PAD_CANVAS_HEIGHT as U, SIGN_PAD_CANVAS_WIDTH as F, SIGN_PAD_CANVAS_CLASS as H, SIGN_PAD_ACTIONS_CLASS as M, SIGN_PAD_MIME as v } from "./SignPad.const.js";
-import { getCanvasPoint as C } from "./SignPad.utils.js";
-const J = (N) => {
+import "../../../../constants/openai.const.js";
+import "../../../../utils/paste.utils.js";
+import { Button as _ } from "../../../../common-components/Button/Button.js";
+import { Canvas as g } from "../../../../common-components/Canvas/Canvas.js";
+import "react-dom";
+import { SIGN_PAD_DEFAULT_TITLE as x, SIGN_PAD_DEFAULT_CLEAR as R, SIGN_PAD_DEFAULT_CONFIRM as b, SIGN_PAD_DEFAULT_CANCEL as w, SIGN_PAD_FILL_STYLE as m, SIGN_PAD_STROKE_STYLE as y, SIGN_PAD_LINE_WIDTH as k, SIGN_PAD_CLASS as U, SIGN_PAD_TITLE_CLASS as F, SIGN_PAD_CANVAS_HEIGHT as H, SIGN_PAD_CANVAS_WIDTH as M, SIGN_PAD_CANVAS_CLASS as v, SIGN_PAD_ACTIONS_CLASS as O, SIGN_PAD_MIME as Y } from "./SignPad.const.js";
+import { getCanvasPoint as I } from "./SignPad.utils.js";
+const tt = (N) => {
   const {
     open: a,
-    onClose: _,
+    onClose: u,
     onConfirm: D,
-    clearLabel: m = G,
-    confirmLabel: P = g,
-    cancelLabel: h = x,
-    title: u = T
-  } = N, n = A(null), r = A(!1), [S, s] = p(!1);
-  if (b(() => {
+    clearLabel: p = R,
+    confirmLabel: P = b,
+    cancelLabel: h = w,
+    title: S = x
+  } = N, n = C(null), o = C(!1), [f, s] = T(!1);
+  if (G(() => {
     if (!a) {
-      r.current = !1;
+      o.current = !1;
       return;
     }
     const e = n.current, t = e == null ? void 0 : e.getContext("2d");
-    !e || !t || (t.fillStyle = I, t.fillRect(c, c, e.width, e.height), t.strokeStyle = k, t.lineWidth = R, t.lineCap = "round", t.lineJoin = "round", r.current = !1, s(!1));
+    !e || !t || (t.fillStyle = m, t.fillRect(c, c, e.width, e.height), t.strokeStyle = y, t.lineWidth = k, t.lineCap = "round", t.lineJoin = "round", o.current = !1, s(!1));
   }, [a]), !a) return null;
   const L = (e) => {
-    const t = n.current, o = t == null ? void 0 : t.getContext("2d");
-    if (!t || !o) return;
-    r.current = !0, t.setPointerCapture(e.pointerId);
-    const i = C(t, e.clientX, e.clientY);
-    o.beginPath(), o.moveTo(i.x, i.y);
+    const t = n.current, r = t == null ? void 0 : t.getContext("2d");
+    if (!t || !r) return;
+    o.current = !0, t.setPointerCapture(e.pointerId);
+    const i = I(t, e.clientX, e.clientY);
+    r.beginPath(), r.moveTo(i.x, i.y);
   }, E = (e) => {
-    if (!r.current) return;
-    const t = n.current, o = t == null ? void 0 : t.getContext("2d");
-    if (!t || !o) return;
-    const i = C(t, e.clientX, e.clientY);
-    o.lineTo(i.x, i.y), o.stroke(), s(!0);
+    if (!o.current) return;
+    const t = n.current, r = t == null ? void 0 : t.getContext("2d");
+    if (!t || !r) return;
+    const i = I(t, e.clientX, e.clientY);
+    r.lineTo(i.x, i.y), r.stroke(), s(!0);
   }, d = (e) => {
     var t;
-    r.current = !1, (t = n.current) == null || t.releasePointerCapture(e.pointerId);
+    o.current = !1, (t = n.current) == null || t.releasePointerCapture(e.pointerId);
   };
-  return /* @__PURE__ */ f("div", { className: w, role: "dialog", "aria-modal": "true", "aria-label": u, children: [
-    /* @__PURE__ */ l("p", { className: y, children: u }),
+  return /* @__PURE__ */ A("div", { className: U, role: "dialog", "aria-modal": "true", "aria-label": S, children: [
+    /* @__PURE__ */ l("p", { className: F, children: S }),
     /* @__PURE__ */ l(
-      "canvas",
+      g,
       {
-        ref: n,
-        className: H,
-        width: F,
-        height: U,
+        canvasRef: n,
+        className: v,
+        width: M,
+        height: H,
         onPointerDown: L,
         onPointerMove: E,
         onPointerUp: d,
         onPointerLeave: d
       }
     ),
-    /* @__PURE__ */ f("div", { className: M, children: [
-      /* @__PURE__ */ l("button", { type: "button", className: "Ink-Editor__button", onClick: () => {
+    /* @__PURE__ */ A("div", { className: O, children: [
+      /* @__PURE__ */ l(_, { type: "button", onClick: () => {
         const e = n.current, t = e == null ? void 0 : e.getContext("2d");
-        !e || !t || (t.fillStyle = I, t.fillRect(c, c, e.width, e.height), s(!1));
-      }, children: m }),
-      /* @__PURE__ */ l("button", { type: "button", className: "Ink-Editor__button", onClick: _, children: h }),
-      /* @__PURE__ */ l(
-        "button",
-        {
-          type: "button",
-          className: "Ink-Editor__button Ink-Editor__button--active",
-          disabled: !S,
-          onClick: () => {
-            const e = n.current;
-            !e || !S || (D(e.toDataURL(v)), _());
-          },
-          children: P
-        }
-      )
+        !e || !t || (t.fillStyle = m, t.fillRect(c, c, e.width, e.height), s(!1));
+      }, children: p }),
+      /* @__PURE__ */ l(_, { type: "button", onClick: u, children: h }),
+      /* @__PURE__ */ l(_, { type: "button", active: !0, disabled: !f, onClick: () => {
+        const e = n.current;
+        !e || !f || (D(e.toDataURL(Y)), u());
+      }, children: P })
     ] })
   ] });
 };
 export {
-  J as SignPad
+  tt as SignPad
 };

package/dist/components/InkEditor/components/ToolbarButton/ToolbarButton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("../../../../constants/defaults.const.cjs"),l=require("../../../../utils/cn.utils.cjs");require("../../../../utils/paste.utils.cjs");const c=r=>{const{icon:n,title:e,active:t=!1,onClick:s,disabled:i=!1}=r;return a.jsx("button",{type:"button",title:e,"aria-label":e,"aria-pressed":t,disabled:i,className:l.cn(o.INK_CLASS_BUTTON,t&&o.INK_CLASS_BUTTON_ACTIVE),onClick:s,children:n})};exports.ToolbarButton=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const l=require("../../../../common-components/Button/Button.cjs");require("react");require("react-dom");const c=o=>{const{icon:r,title:e,active:t=!1,onClick:n,disabled:i=!1}=o,u=s=>{s.preventDefault()};return a.jsx(l.Button,{title:e,"aria-label":e,"aria-pressed":t,disabled:i,active:t,onMouseDown:u,onClick:n,children:r})};exports.ToolbarButton=c;

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ToolbarButton/ToolbarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAI5D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAehD,CAAC"}
+{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ToolbarButton/ToolbarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAoBhD,CAAC"}