@forgedevstack/ink 1.1.6 → 1.1.8

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ThemePicker/ThemePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAc7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAmF5C,CAAC"}

package/dist/components/InkEditor/components/ThemePicker/ThemePicker.js

@@ -0,0 +1,81 @@
+import { jsxs as y, jsx as r } from "react/jsx-runtime";
+import { useState as _, useRef as s, useEffect as I } from "react";
+import { createPortal as P } from "react-dom";
+import { NUMBER_ZERO as v } from "../../../../constants/numbers.js";
+import { INK_THEME_TITLE as L } from "../../../../constants/generals.const.js";
+import { COLOR_MODE_LIGHT as g } from "../../../../constants/colorMode.const.js";
+import { KEY_ESCAPE as K } from "../../../../constants/keyboard.const.js";
+import { INK_CLASS_STYLE_MENU as O, INK_CLASS_STYLE_MENU_PORTAL as k, INK_CLASS_STYLE_MENU_FORCED as x } from "../../../../constants/defaults.const.js";
+import "../../../../constants/openai.const.js";
+import "../../../../utils/paste.utils.js";
+import { INK_THEMES as A } from "../../../../plugins/theme/theme.const.js";
+import "../../../../plugins/host/inkPlugins.js";
+import { getToolbarDropdownMenuPosition as D } from "../ToolbarDropdown/ToolbarDropdown.utils.js";
+import { ToolbarButton as h } from "../ToolbarButton/ToolbarButton.js";
+const W = (w) => {
+  const { icon: S, disabled: l = !1, hint: T, onHint: N, pluginColor: M, value: b, onChange: C } = w, [i, t] = _(!1), [d, R] = _({ top: v, left: v }), m = s(null), c = s(null), a = s(null);
+  return I(() => {
+    if (!i) return;
+    const e = () => {
+      const o = D(c.current);
+      R({ top: o.top, left: o.left });
+    };
+    e();
+    const n = (o) => {
+      var p, E;
+      const u = o.target;
+      (p = m.current) != null && p.contains(u) || (E = a.current) != null && E.contains(u) || t(!1);
+    }, f = (o) => {
+      o.key === K && t(!1);
+    };
+    return document.addEventListener("mousedown", n), document.addEventListener("keydown", f), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+      document.removeEventListener("mousedown", n), document.removeEventListener("keydown", f), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    };
+  }, [i]), /* @__PURE__ */ y("div", { ref: m, children: [
+    /* @__PURE__ */ r("div", { ref: c, children: /* @__PURE__ */ r(
+      h,
+      {
+        icon: S,
+        title: L,
+        hint: T,
+        onHint: N,
+        pluginColor: M,
+        disabled: l,
+        onClick: () => {
+          l || t((e) => !e);
+        }
+      }
+    ) }),
+    i ? P(
+      /* @__PURE__ */ r(
+        "div",
+        {
+          ref: a,
+          className: `${O} ${k} ${x}`,
+          "data-color-mode": g,
+          role: "listbox",
+          "aria-label": L,
+          style: { top: d.top, left: d.left },
+          children: A.map((e) => /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              role: "option",
+              "aria-selected": e.id === b,
+              className: "Ink-Editor__style-option",
+              onMouseDown: (n) => {
+                n.preventDefault(), C(e.id), t(!1);
+              },
+              children: e.label
+            },
+            e.id
+          ))
+        }
+      ),
+      document.body
+    ) : null
+  ] });
+};
+export {
+  W as ThemePicker
+};

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { InkThemeId } from '../../../../plugins/theme';
+export type ThemePickerProps = {
+    icon: ReactNode;
+    disabled?: boolean;
+    hint?: string;
+    onHint?: (hint: string) => void;
+    pluginColor?: string;
+    value: InkThemeId;
+    onChange: (id: InkThemeId) => void;
+};
+//# sourceMappingURL=ThemePicker.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePicker.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ThemePicker/ThemePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,UAAU,KAAK,IAAI,CAAC;CACpC,CAAC"}

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

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

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

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

package/dist/components/InkEditor/components/TitleGallery/TitleGallery.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),q=require("react-dom"),f=require("../../../../constants/numbers.cjs"),m=require("../../../../constants/generals.const.cjs"),K=require("../../../../constants/colorMode.const.cjs"),A=require("../../../../constants/keyboard.const.cjs"),t=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const I=require("../../../../plugins/titles/titles.const.cjs"),M=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),x=require("../ToolbarButton/ToolbarButton.cjs"),g=N=>{const{icon:v,disabled:c=!1,hint:R,onHint:p,pluginColor:b,onSelect:w}=N,[l,s]=r.useState(!1),[u,C]=r.useState({top:f.NUMBER_ZERO,left:f.NUMBER_ZERO}),a=r.useRef(null),_=r.useRef(null),d=r.useRef(null);return r.useEffect(()=>{if(!l)return;const e=()=>{const o=M.getToolbarDropdownMenuPosition(_.current);C({top:o.top,left:o.left})};e();const i=o=>{var T,S;const L=o.target;(T=a.current)!=null&&T.contains(L)||(S=d.current)!=null&&S.contains(L)||s(!1)},E=o=>{o.key===A.KEY_ESCAPE&&s(!1)};return document.addEventListener("mousedown",i),document.addEventListener("keydown",E),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{document.removeEventListener("mousedown",i),document.removeEventListener("keydown",E),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[l]),n.jsxs("div",{className:t.INK_CLASS_TITLE_GALLERY,ref:a,children:[n.jsx("div",{ref:_,children:n.jsx(x.ToolbarButton,{icon:v,title:m.INK_TITLES_TITLE,hint:R,onHint:p,pluginColor:b,disabled:c,onClick:()=>{c||s(e=>!e)}})}),l?q.createPortal(n.jsx("div",{ref:d,className:`${t.INK_CLASS_STYLE_MENU} ${t.INK_CLASS_STYLE_MENU_PORTAL} ${t.INK_CLASS_STYLE_MENU_FORCED}`,"data-color-mode":K.COLOR_MODE_LIGHT,role:"listbox","aria-label":m.INK_TITLES_TITLE,style:{top:u.top,left:u.left},children:n.jsx("div",{className:t.INK_CLASS_TITLE_GRID,children:I.TITLE_STYLE_IDS.map(e=>n.jsx("button",{type:"button",className:t.INK_CLASS_TITLE_CELL,"aria-label":e,onMouseDown:i=>{i.preventDefault(),w(e),s(!1)},children:n.jsx("span",{className:`${t.INK_CLASS_TITLE} ${t.INK_CLASS_TITLE}--${e}`,children:I.TITLE_PREVIEW_TEXT})},e))})}),document.body):null]})};exports.TitleGallery=g;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleGallery.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/TitleGallery/TitleGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAkB7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsF9C,CAAC"}

package/dist/components/InkEditor/components/TitleGallery/TitleGallery.js

@@ -0,0 +1,79 @@
+import { jsxs as K, jsx as t } from "react/jsx-runtime";
+import { useState as _, useRef as s, useEffect as b } from "react";
+import { createPortal as M } from "react-dom";
+import { NUMBER_ZERO as p } from "../../../../constants/numbers.js";
+import { INK_TITLES_TITLE as T } from "../../../../constants/generals.const.js";
+import { COLOR_MODE_LIGHT as P } from "../../../../constants/colorMode.const.js";
+import { KEY_ESCAPE as h } from "../../../../constants/keyboard.const.js";
+import { INK_CLASS_TITLE_GALLERY as D, INK_CLASS_STYLE_MENU as O, INK_CLASS_STYLE_MENU_PORTAL as g, INK_CLASS_STYLE_MENU_FORCED as Y, INK_CLASS_TITLE_GRID as $, INK_CLASS_TITLE_CELL as x, INK_CLASS_TITLE as S } from "../../../../constants/defaults.const.js";
+import "../../../../constants/openai.const.js";
+import "../../../../utils/paste.utils.js";
+import { TITLE_STYLE_IDS as y, TITLE_PREVIEW_TEXT as k } from "../../../../plugins/titles/titles.const.js";
+import { getToolbarDropdownMenuPosition as G } from "../ToolbarDropdown/ToolbarDropdown.utils.js";
+import { ToolbarButton as U } from "../ToolbarButton/ToolbarButton.js";
+const oe = (v) => {
+  const { icon: I, disabled: l = !1, hint: N, onHint: w, pluginColor: C, onSelect: R } = v, [i, n] = _(!1), [m, A] = _({ top: p, left: p }), a = s(null), c = s(null), E = s(null);
+  return b(() => {
+    if (!i) return;
+    const e = () => {
+      const o = G(c.current);
+      A({ top: o.top, left: o.left });
+    };
+    e();
+    const r = (o) => {
+      var u, L;
+      const f = o.target;
+      (u = a.current) != null && u.contains(f) || (L = E.current) != null && L.contains(f) || n(!1);
+    }, d = (o) => {
+      o.key === h && n(!1);
+    };
+    return document.addEventListener("mousedown", r), document.addEventListener("keydown", d), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+      document.removeEventListener("mousedown", r), document.removeEventListener("keydown", d), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    };
+  }, [i]), /* @__PURE__ */ K("div", { className: D, ref: a, children: [
+    /* @__PURE__ */ t("div", { ref: c, children: /* @__PURE__ */ t(
+      U,
+      {
+        icon: I,
+        title: T,
+        hint: N,
+        onHint: w,
+        pluginColor: C,
+        disabled: l,
+        onClick: () => {
+          l || n((e) => !e);
+        }
+      }
+    ) }),
+    i ? M(
+      /* @__PURE__ */ t(
+        "div",
+        {
+          ref: E,
+          className: `${O} ${g} ${Y}`,
+          "data-color-mode": P,
+          role: "listbox",
+          "aria-label": T,
+          style: { top: m.top, left: m.left },
+          children: /* @__PURE__ */ t("div", { className: $, children: y.map((e) => /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: x,
+              "aria-label": e,
+              onMouseDown: (r) => {
+                r.preventDefault(), R(e), n(!1);
+              },
+              children: /* @__PURE__ */ t("span", { className: `${S} ${S}--${e}`, children: k })
+            },
+            e
+          )) })
+        }
+      ),
+      document.body
+    ) : null
+  ] });
+};
+export {
+  oe as TitleGallery
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleGallery.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/TitleGallery/TitleGallery.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/TitleGallery/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

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");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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),p=require("../../../../constants/generals.const.cjs"),n=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const N=require("../../../../common-components/Button/Button.cjs");require("react");require("react-dom");const S=a=>{const{icon:u,title:s,hint:l,onHint:e,pluginColor:t,active:o=!1,onClick:i,disabled:c=!1,className:d}=a,_=b=>{b.preventDefault()},q=l||s;return r.jsx("span",{className:n.INK_CLASS_TOOL_WRAP,onMouseEnter:()=>e==null?void 0:e(q),onMouseLeave:()=>e==null?void 0:e(p.EMPTY_STRING),children:r.jsxs(N.Button,{title:s,"aria-label":s,"aria-pressed":o,disabled:c,active:o,className:d,onMouseDown:_,onClick:i,children:[u,t?r.jsx("span",{className:n.INK_CLASS_PLUGIN_PIP,style:{background:t},"aria-hidden":!0}):null]})})};exports.ToolbarButton=S;

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,EAAc,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAoBhD,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;AAI5D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA0ChD,CAAC"}

package/dist/components/InkEditor/components/ToolbarButton/ToolbarButton.js

@@ -1,27 +1,51 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { EMPTY_STRING as N } from "../../../../constants/generals.const.js";
+import { INK_CLASS_TOOL_WRAP as _, INK_CLASS_PLUGIN_PIP as I } from "../../../../constants/defaults.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
-import { Button as p } from "../../../../common-components/Button/Button.js";
+import { Button as L } from "../../../../common-components/Button/Button.js";
 import "react";
 import "react-dom";
-const b = (e) => {
-  const { icon: r, title: o, active: t = !1, onClick: i, disabled: n = !1 } = e;
-  return /* @__PURE__ */ a(
-    p,
+const x = (a) => {
+  const {
+    icon: l,
+    title: e,
+    hint: i,
+    onHint: o,
+    pluginColor: r,
+    active: s = !1,
+    onClick: n,
+    disabled: m = !1,
+    className: p
+  } = a, c = (d) => {
+    d.preventDefault();
+  }, u = i || e;
+  return /* @__PURE__ */ t(
+    "span",
     {
-      title: o,
-      "aria-label": o,
-      "aria-pressed": t,
-      disabled: n,
-      active: t,
-      onMouseDown: (s) => {
-        s.preventDefault();
-      },
-      onClick: i,
-      children: r
+      className: _,
+      onMouseEnter: () => o == null ? void 0 : o(u),
+      onMouseLeave: () => o == null ? void 0 : o(N),
+      children: /* @__PURE__ */ f(
+        L,
+        {
+          title: e,
+          "aria-label": e,
+          "aria-pressed": s,
+          disabled: m,
+          active: s,
+          className: p,
+          onMouseDown: c,
+          onClick: n,
+          children: [
+            l,
+            r ? /* @__PURE__ */ t("span", { className: I, style: { background: r }, "aria-hidden": !0 }) : null
+          ]
+        }
+      )
     }
   );
 };
 export {
-  b as ToolbarButton
+  x as ToolbarButton
 };

package/dist/components/InkEditor/components/ToolbarDropdown/ToolbarDropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=n=>{const{options:o,value:t,onChange:r,title:a,disabled:s=!1}=n,c=e=>{r(e.target.value)};return l.jsx("select",{className:"Ink-Editor__select",title:a,"aria-label":a,value:t,disabled:s,onChange:c,children:o.map(e=>l.jsx("option",{value:e.value,children:e.label},e.value))})};exports.ToolbarDropdown=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),O=require("react-dom"),c=require("../../../../constants/numbers.cjs"),u=require("../../../../constants/generals.const.cjs"),g=require("../../../../constants/colorMode.const.cjs"),x=require("../../../../constants/keyboard.const.cjs"),n=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const D=require("./ToolbarDropdown.utils.cjs"),K=()=>t.jsx("svg",{className:n.INK_CLASS_STYLE_CHEV,viewBox:"0 0 10 10","aria-hidden":"true",children:t.jsx("path",{d:"M2 3.5L5 6.5L8 3.5",stroke:"currentColor",strokeWidth:"1.4",fill:"none"})}),P=R=>{const{options:d,value:L,onChange:b,title:_,disabled:f=!1}=R,[i,l]=r.useState(!1),[E,w]=r.useState({top:c.NUMBER_ZERO,left:c.NUMBER_ZERO,minWidth:c.NUMBER_ZERO}),m=r.useRef(null),N=r.useRef(null),T=r.useRef(null),S=d.find(e=>e.value===L)??d[c.NUMBER_ZERO],I=(S==null?void 0:S.label)??u.EMPTY_STRING;r.useEffect(()=>{if(!i)return;const e=()=>{w(D.getToolbarDropdownMenuPosition(N.current))};e();const o=s=>{var p,C;const v=s.target;(p=m.current)!=null&&p.contains(v)||(C=T.current)!=null&&C.contains(v)||l(!1)},a=s=>{s.key===x.KEY_ESCAPE&&l(!1)};return document.addEventListener("mousedown",o),document.addEventListener("keydown",a),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{document.removeEventListener("mousedown",o),document.removeEventListener("keydown",a),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[i]);const M=e=>{e.preventDefault()},h=()=>{f||l(e=>!e)};return t.jsxs("div",{className:n.INK_CLASS_STYLE_DD,ref:m,children:[t.jsxs("button",{ref:N,type:"button",className:n.INK_CLASS_STYLE_TRIGGER,title:_,"aria-label":_,"aria-haspopup":"listbox","aria-expanded":i,disabled:f,onMouseDown:M,onClick:h,children:[t.jsx("span",{children:I}),t.jsx(K,{})]}),i?O.createPortal(t.jsx("div",{ref:T,className:`${n.INK_CLASS_STYLE_MENU} ${n.INK_CLASS_STYLE_MENU_PORTAL} ${n.INK_CLASS_STYLE_MENU_FORCED}`,"data-color-mode":g.COLOR_MODE_LIGHT,role:"listbox","aria-label":_,style:{top:E.top,left:E.left,minWidth:E.minWidth},children:d.map(e=>{const o=e.value===L,a=`${n.INK_CLASS_STYLE_OPTION}${o?`${u.SPACE_STRING}${n.INK_CLASS_STYLE_OPTION_SEL}`:u.EMPTY_STRING}`;return t.jsxs("button",{type:"button",role:"option","aria-selected":o,className:a,onMouseDown:s=>{s.preventDefault(),b(e.value),l(!1)},children:[o?t.jsx("span",{className:n.INK_CLASS_STYLE_CHECK,"aria-hidden":"true",children:u.INK_STYLE_CHECK}):null,e.label]},e.value)})}),document.body):null]})};exports.ToolbarDropdown=P;

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ToolbarDropdown/ToolbarDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,EAAE,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAuBpD,CAAC"}
+{"version":3,"file":"ToolbarDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ToolbarDropdown/ToolbarDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,EAAE,EAAmB,MAAM,OAAO,CAAC;AAmB9E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAU9D,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA6GpD,CAAC"}

package/dist/components/InkEditor/components/ToolbarDropdown/ToolbarDropdown.js

@@ -1,21 +1,96 @@
-import { jsx as l } from "react/jsx-runtime";
-const h = (n) => {
-  const { options: o, value: t, onChange: r, title: a, disabled: s = !1 } = n;
-  return /* @__PURE__ */ l(
-    "select",
-    {
-      className: "Ink-Editor__select",
-      title: a,
-      "aria-label": a,
-      value: t,
-      disabled: s,
-      onChange: (e) => {
-        r(e.target.value);
-      },
-      children: o.map((e) => /* @__PURE__ */ l("option", { value: e.value, children: e.label }, e.value))
-    }
-  );
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { useState as C, useRef as _, useEffect as K } from "react";
+import { createPortal as M } from "react-dom";
+import { NUMBER_ZERO as l } from "../../../../constants/numbers.js";
+import { EMPTY_STRING as w, SPACE_STRING as R, INK_STYLE_CHECK as A } from "../../../../constants/generals.const.js";
+import { COLOR_MODE_LIGHT as D } from "../../../../constants/colorMode.const.js";
+import { KEY_ESCAPE as Y } from "../../../../constants/keyboard.const.js";
+import { INK_CLASS_STYLE_DD as O, INK_CLASS_STYLE_TRIGGER as P, INK_CLASS_STYLE_MENU as y, INK_CLASS_STYLE_MENU_PORTAL as x, INK_CLASS_STYLE_MENU_FORCED as $, INK_CLASS_STYLE_OPTION as k, INK_CLASS_STYLE_OPTION_SEL as G, INK_CLASS_STYLE_CHECK as H, INK_CLASS_STYLE_CHEV as U } from "../../../../constants/defaults.const.js";
+import "../../../../constants/openai.const.js";
+import "../../../../utils/paste.utils.js";
+import { getToolbarDropdownMenuPosition as W } from "./ToolbarDropdown.utils.js";
+const j = () => /* @__PURE__ */ n("svg", { className: U, viewBox: "0 0 10 10", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M2 3.5L5 6.5L8 3.5", stroke: "currentColor", strokeWidth: "1.4", fill: "none" }) }), re = (h) => {
+  const { options: a, value: E, onChange: I, title: c, disabled: S = !1 } = h, [r, s] = C(!1), [d, b] = C({
+    top: l,
+    left: l,
+    minWidth: l
+  }), f = _(null), L = _(null), p = _(null), u = a.find((e) => e.value === E) ?? a[l], g = (u == null ? void 0 : u.label) ?? w;
+  return K(() => {
+    if (!r) return;
+    const e = () => {
+      b(W(L.current));
+    };
+    e();
+    const o = (t) => {
+      var N, T;
+      const v = t.target;
+      (N = f.current) != null && N.contains(v) || (T = p.current) != null && T.contains(v) || s(!1);
+    }, i = (t) => {
+      t.key === Y && s(!1);
+    };
+    return document.addEventListener("mousedown", o), document.addEventListener("keydown", i), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+      document.removeEventListener("mousedown", o), document.removeEventListener("keydown", i), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    };
+  }, [r]), /* @__PURE__ */ m("div", { className: O, ref: f, children: [
+    /* @__PURE__ */ m(
+      "button",
+      {
+        ref: L,
+        type: "button",
+        className: P,
+        title: c,
+        "aria-label": c,
+        "aria-haspopup": "listbox",
+        "aria-expanded": r,
+        disabled: S,
+        onMouseDown: (e) => {
+          e.preventDefault();
+        },
+        onClick: () => {
+          S || s((e) => !e);
+        },
+        children: [
+          /* @__PURE__ */ n("span", { children: g }),
+          /* @__PURE__ */ n(j, {})
+        ]
+      }
+    ),
+    r ? M(
+      /* @__PURE__ */ n(
+        "div",
+        {
+          ref: p,
+          className: `${y} ${x} ${$}`,
+          "data-color-mode": D,
+          role: "listbox",
+          "aria-label": c,
+          style: { top: d.top, left: d.left, minWidth: d.minWidth },
+          children: a.map((e) => {
+            const o = e.value === E, i = `${k}${o ? `${R}${G}` : w}`;
+            return /* @__PURE__ */ m(
+              "button",
+              {
+                type: "button",
+                role: "option",
+                "aria-selected": o,
+                className: i,
+                onMouseDown: (t) => {
+                  t.preventDefault(), I(e.value), s(!1);
+                },
+                children: [
+                  o ? /* @__PURE__ */ n("span", { className: H, "aria-hidden": "true", children: A }) : null,
+                  e.label
+                ]
+              },
+              e.value
+            );
+          })
+        }
+      ),
+      document.body
+    ) : null
+  ] });
 };
 export {
-  h as ToolbarDropdown
+  re as ToolbarDropdown
 };

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

@@ -0,0 +1,6 @@
+export type ToolbarDropdownMenuPosition = {
+    top: number;
+    left: number;
+    minWidth: number;
+};
+//# sourceMappingURL=ToolbarDropdown.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarDropdown.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ToolbarDropdown/ToolbarDropdown.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,2BAA2B,GAAG;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC"}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../../../../constants/numbers.cjs");require("../../../../constants/openai.const.cjs");require("react/jsx-runtime");require("../../../../utils/paste.utils.cjs");require("react");require("react-dom");const c=(E,o=_.INK_STYLE_MENU_ESTIMATED_HEIGHT_PX)=>{if(!E)return{top:_.NUMBER_ZERO,left:_.NUMBER_ZERO,minWidth:_.INK_STYLE_MENU_MIN_WIDTH_PX};const t=E.getBoundingClientRect(),r=window.innerWidth,N=window.innerHeight,e=Math.max(t.width,_.INK_STYLE_MENU_MIN_WIDTH_PX),M=Math.max(_.INK_STYLE_MENU_EDGE_PX,r-e-_.INK_STYLE_MENU_EDGE_PX),T=Math.min(Math.max(t.left,_.INK_STYLE_MENU_EDGE_PX),M),n=o>_.NUMBER_ZERO?o:_.INK_STYLE_MENU_ESTIMATED_HEIGHT_PX,i=t.bottom+_.INK_STYLE_MENU_GAP_PX,I=t.top-n-_.INK_STYLE_MENU_GAP_PX;return{top:i+n>N-_.INK_STYLE_MENU_EDGE_PX?Math.max(_.INK_STYLE_MENU_EDGE_PX,I):i,left:T,minWidth:e}};exports.getToolbarDropdownMenuPosition=c;

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

@@ -0,0 +1,3 @@
+import { ToolbarDropdownMenuPosition } from './ToolbarDropdown.types';
+export declare const getToolbarDropdownMenuPosition: (trigger: HTMLElement | null, estimatedHeight?: number) => ToolbarDropdownMenuPosition;
+//# sourceMappingURL=ToolbarDropdown.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarDropdown.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ToolbarDropdown/ToolbarDropdown.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AAS3E,eAAO,MAAM,8BAA8B,GACzC,SAAS,WAAW,GAAG,IAAI,EAC3B,wBAAoD,KACnD,2BAkBF,CAAC"}

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

@@ -0,0 +1,15 @@
+import { INK_STYLE_MENU_ESTIMATED_HEIGHT_PX as E, INK_STYLE_MENU_MIN_WIDTH_PX as p, NUMBER_ZERO as n, INK_STYLE_MENU_EDGE_PX as t, INK_STYLE_MENU_GAP_PX as c } from "../../../../constants/numbers.js";
+import "../../../../constants/openai.const.js";
+import "react/jsx-runtime";
+import "../../../../utils/paste.utils.js";
+import "react";
+import "react-dom";
+const P = (i, e = E) => {
+  if (!i)
+    return { top: n, left: n, minWidth: p };
+  const o = i.getBoundingClientRect(), M = window.innerWidth, h = window.innerHeight, _ = Math.max(o.width, p), a = Math.max(t, M - _ - t), s = Math.min(Math.max(o.left, t), a), r = e > n ? e : E, m = o.bottom + c, N = o.top - r - c;
+  return { top: m + r > h - t ? Math.max(t, N) : m, left: s, minWidth: _ };
+};
+export {
+  P as getToolbarDropdownMenuPosition
+};

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

@@ -1,2 +1,4 @@
 export { ToolbarDropdown } from './ToolbarDropdown';
+export { getToolbarDropdownMenuPosition } from './ToolbarDropdown.utils';
+export type { ToolbarDropdownMenuPosition } from './ToolbarDropdown.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ToolbarDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/ToolbarDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,8BAA8B,EAAE,MAAM,yBAAyB,CAAC;AACzE,YAAY,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC"}

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

@@ -9,9 +9,25 @@ export { BlockHandles, BLOCK_HANDLES_DRAG_EFFECT_MOVE, BLOCK_HANDLES_DRAG_MIME,
 export { InlineToolbar, clampInlineToolbarPosition, selectionIsInsideElement, INLINE_TOOLBAR_EDGE_PADDING_PX, INLINE_TOOLBAR_ESTIMATED_HEIGHT_PX, INLINE_TOOLBAR_ESTIMATED_WIDTH_PX, INLINE_TOOLBAR_GAP_PX, } from './InlineToolbar';
 export type { InlineToolbarFormatAction, InlineToolbarProps, } from './InlineToolbar';
 export { SlashMenu } from './SlashMenu';
+export { OutlineRail } from './OutlineRail';
+export type { OutlineRailProps } from './OutlineRail';
 export { TrackChangesBar } from './TrackChangesBar';
 export { SignPad } from './SignPad';
 export { FindReplace } from './FindReplace';
 export { ToolbarCustomize } from './ToolbarCustomize';
 export type { ToolbarCustomizeProps } from './ToolbarCustomize';
+export { HtmlSourcePanel } from './HtmlSourcePanel';
+export type { HtmlSourcePanelProps } from './HtmlSourcePanel';
+export { TableSizePicker } from './TableSizePicker';
+export type { TableSizePickerProps } from './TableSizePicker';
+export { TitleGallery } from './TitleGallery';
+export type { TitleGalleryProps } from './TitleGallery';
+export { ExcelSheetPanel } from './ExcelSheetPanel';
+export type { ExcelSheetPanelProps } from './ExcelSheetPanel';
+export { GraphPicker } from './GraphPicker';
+export type { GraphPickerProps } from './GraphPicker';
+export { GraphEditModal } from './GraphEditModal';
+export type { GraphEditModalProps, GraphEditMode } from './GraphEditModal';
+export { ThemePicker } from './ThemePicker';
+export type { ThemePickerProps } from './ThemePicker';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InkEditor/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,cAAc,EACd,2BAA2B,EAC3B,gCAAgC,EAChC,mCAAmC,EACnC,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AACpF,OAAO,EACL,YAAY,EACZ,8BAA8B,EAC9B,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,aAAa,EACb,0BAA0B,EAC1B,wBAAwB,EACxB,8BAA8B,EAC9B,kCAAkC,EAClC,iCAAiC,EACjC,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,yBAAyB,EACzB,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/InkEditor/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,cAAc,EACd,2BAA2B,EAC3B,gCAAgC,EAChC,mCAAmC,EACnC,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AACpF,OAAO,EACL,YAAY,EACZ,8BAA8B,EAC9B,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,aAAa,EACb,0BAA0B,EAC1B,wBAAwB,EACxB,8BAA8B,EAC9B,kCAAkC,EAClC,iCAAiC,EACjC,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,yBAAyB,EACzB,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/InkEditor/helpers/format.utils.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../constants/numbers.cjs"),l=require("../../../constants/fonts.const.cjs"),r=require("../../../constants/lists.const.cjs"),y=require("../../../constants/blocks.const.cjs");require("../../../constants/openai.const.cjs");require("react/jsx-runtime");const M=require("../../../utils/blocks.utils.cjs");require("../../../utils/paste.utils.cjs");require("react");require("react-dom");const N="color",O="background-color",p="background",A="color",d="style",g=1,I=3,D="removeFormat",S="insertUnorderedList",m="insertOrderedList",U="superscript",h="subscript",B="styleWithCSS",i=(t,e)=>document.execCommand(t,!1,e),c=t=>document.queryCommandState(t),H=t=>document.queryCommandValue(t),P=t=>{if(!t)return!1;const e=t.startsWith("http://")||t.startsWith("https://")||t.startsWith("mailto:")?t:`https://${t}`;return i("createLink",e)},b=t=>i("foreColor",t),w=t=>i("hiliteColor",t),C=t=>i("insertHTML",t),F=(t,e="")=>{const o=e.replace(/"/g,"&quot;");return C(`<img src="${t}" alt="${o}" style="max-width:100%;height:auto;" />`)},k=t=>new Promise((e,o)=>{const n=new FileReader;n.onload=()=>e(String(n.result)),n.onerror=o,n.readAsDataURL(t)}),q=()=>{const t=new Set;return c("bold")&&t.add("bold"),c("italic")&&t.add("italic"),c("underline")&&t.add("underline"),c("strikeThrough")&&t.add("strikethrough"),c(S)&&t.add("bulletList"),c(m)&&t.add("orderedList"),c(U)&&t.add("superscript"),c(h)&&t.add("subscript"),t},f=t=>{t.style.removeProperty(N),t.style.removeProperty(O),t.style.removeProperty(p),t.hasAttribute(A)&&t.removeAttribute(A);const e=t.getAttribute(d);e!==null&&!e.trim()&&t.removeAttribute(d)},R=()=>{const t=window.getSelection();if(!t||t.rangeCount===a.NUMBER_ZERO)return;const o=t.getRangeAt(a.NUMBER_ZERO).commonAncestorContainer,n=o.nodeType===g?o:o.parentElement;n&&(n instanceof HTMLElement&&t.containsNode(n,!0)&&f(n),n.querySelectorAll("*").forEach(s=>{s instanceof HTMLElement&&t.containsNode(s,!0)&&f(s)}))},Y=()=>{const t=i(D);return R(),t},v=t=>{const e=l.FONT_FAMILY_BY_VALUE[t]??t;if(i(B,"true"),t===l.FONT_VALUE_SYSTEM){const o=window.getSelection();if(!o||o.rangeCount===a.NUMBER_ZERO||o.isCollapsed)return i(l.FONT_COMMAND_NAME,e);const n=o.getRangeAt(a.NUMBER_ZERO),s=document.createElement("span");s.style.setProperty(l.FONT_STYLE_PROPERTY,e);try{return n.surroundContents(s),!0}catch{return i(l.FONT_COMMAND_NAME,e)}}return i(l.FONT_COMMAND_NAME,t)},W=t=>{t.classList.remove(r.LIST_CLASS_DASH,r.LIST_CLASS_ALPHA),t.style.removeProperty("list-style-type")},x=t=>{t===r.LIST_VALUE_BULLET||t===r.LIST_VALUE_DASH?i(S):i(m);const e=window.getSelection();let n=(e==null?void 0:e.anchorNode)??null,s=null;for(;n;){if(n instanceof HTMLElement&&(n.tagName===r.LIST_TAG_UL||n.tagName===r.LIST_TAG_OL)){s=n;break}n=n.parentNode}return s&&(W(s),t===r.LIST_VALUE_BULLET?s.style.listStyleType=r.LIST_STYLE_DISC:t===r.LIST_VALUE_DASH?s.classList.add(r.LIST_CLASS_DASH):t===r.LIST_VALUE_NUMBERS?s.style.listStyleType=r.LIST_STYLE_DECIMAL:t===r.LIST_VALUE_LETTERS&&(s.classList.add(r.LIST_CLASS_ALPHA),s.style.listStyleType=r.LIST_STYLE_LOWER_ALPHA)),!0},V=()=>{const t=window.getSelection();let e=(t==null?void 0:t.anchorNode)??null;for(;e;){if(e instanceof HTMLElement){if(e.tagName===r.LIST_TAG_UL)return e.classList.contains(r.LIST_CLASS_DASH)?r.LIST_VALUE_DASH:r.LIST_VALUE_BULLET;if(e.tagName===r.LIST_TAG_OL)return e.classList.contains(r.LIST_CLASS_ALPHA)||e.style.listStyleType===r.LIST_STYLE_LOWER_ALPHA?r.LIST_VALUE_LETTERS:r.LIST_VALUE_NUMBERS}e=e.parentNode}return r.LIST_VALUE_BULLET},Z=(t,e)=>{const o=window.getSelection(),n=M.getBlockElement((o==null?void 0:o.anchorNode)??null,t);return n?(n.setAttribute(y.DIR_ATTRIBUTE,e),!0):!1},K=t=>{if(t.key!==r.LIST_MARKDOWN_SPACE)return!1;const e=window.getSelection();if(!e||!e.isCollapsed||e.rangeCount===a.NUMBER_ZERO)return!1;const o=e.anchorNode;if(!o||o.nodeType!==I)return!1;const n=o.textContent??"",s=e.anchorOffset,_=n.slice(a.NUMBER_ZERO,s),u=_.endsWith(r.LIST_MARKDOWN_DASH)?r.LIST_MARKDOWN_DASH:_.endsWith(r.LIST_MARKDOWN_STAR)?r.LIST_MARKDOWN_STAR:null;if(!u)return!1;const L=s-u.length;if(L<a.NUMBER_ZERO)return!1;const E=L>a.NUMBER_ZERO?_[L-1]:"";if(E&&E!==`
-`)return!1;t.preventDefault();const T=e.getRangeAt(a.NUMBER_ZERO);return T.setStart(o,L),T.setEnd(o,s),T.deleteContents(),i(S),!0};exports.applyFontFamily=v;exports.applyListType=x;exports.clearFormatDeep=Y;exports.detectListType=V;exports.execCommand=i;exports.fileToDataUrl=k;exports.getActiveFormats=q;exports.insertHTML=C;exports.insertImage=F;exports.insertLink=P;exports.queryCommandState=c;exports.queryCommandValue=H;exports.setBlockDirection=Z;exports.setHighlightColor=w;exports.setTextColor=b;exports.stripSelectionColors=R;exports.tryConvertMarkdownListPrefix=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../constants/numbers.cjs"),l=require("../../../constants/fonts.const.cjs"),r=require("../../../constants/lists.const.cjs"),R=require("../../../constants/blocks.const.cjs");require("../../../constants/openai.const.cjs");require("react/jsx-runtime");const p=require("../../../utils/blocks.utils.cjs");require("../../../utils/paste.utils.cjs");require("react");require("react-dom");const M="color",y="background-color",g="background",A="color",d="style",I=1,U=3,D="removeFormat",S="insertUnorderedList",m="insertOrderedList",h="superscript",P="subscript",H="styleWithCSS",i=(t,e)=>document.execCommand(t,!1,e),c=t=>document.queryCommandState(t),B=t=>document.queryCommandValue(t),w="http://",f="https://",Y="mailto:",b="&amp;",q="&lt;",F="&gt;",k="&quot;",v=t=>t.replace(/&/g,b).replace(/</g,q).replace(/>/g,F).replace(/"/g,k),W=(t,e="")=>{if(!t)return!1;const o=t.startsWith(w)||t.startsWith(f)||t.startsWith(Y)?t:`${f}${t}`,n=window.getSelection();return(!n||n.isCollapsed)&&e?i("insertHTML",`<a href="${o}">${v(e)}</a>`):i("createLink",o)},x=t=>i("foreColor",t),K=t=>i("hiliteColor",t),C=t=>i("insertHTML",t),V=(t,e="")=>{const o=e.replace(/"/g,"&quot;");return C(`<img src="${t}" alt="${o}" style="max-width:100%;height:auto;" />`)},Z=t=>new Promise((e,o)=>{const n=new FileReader;n.onload=()=>e(String(n.result)),n.onerror=o,n.readAsDataURL(t)}),G=()=>{const t=new Set;return c("bold")&&t.add("bold"),c("italic")&&t.add("italic"),c("underline")&&t.add("underline"),c("strikeThrough")&&t.add("strikethrough"),c(S)&&t.add("bulletList"),c(m)&&t.add("orderedList"),c(h)&&t.add("superscript"),c(P)&&t.add("subscript"),t},O=t=>{t.style.removeProperty(M),t.style.removeProperty(y),t.style.removeProperty(g),t.hasAttribute(A)&&t.removeAttribute(A);const e=t.getAttribute(d);e!==null&&!e.trim()&&t.removeAttribute(d)},N=()=>{const t=window.getSelection();if(!t||t.rangeCount===a.NUMBER_ZERO)return;const o=t.getRangeAt(a.NUMBER_ZERO).commonAncestorContainer,n=o.nodeType===I?o:o.parentElement;n&&(n instanceof HTMLElement&&t.containsNode(n,!0)&&O(n),n.querySelectorAll("*").forEach(s=>{s instanceof HTMLElement&&t.containsNode(s,!0)&&O(s)}))},$=()=>{const t=i(D);return N(),t},j=t=>{const e=l.FONT_FAMILY_BY_VALUE[t]??t;if(i(H,"true"),t===l.FONT_VALUE_SYSTEM){const o=window.getSelection();if(!o||o.rangeCount===a.NUMBER_ZERO||o.isCollapsed)return i(l.FONT_COMMAND_NAME,e);const n=o.getRangeAt(a.NUMBER_ZERO),s=document.createElement("span");s.style.setProperty(l.FONT_STYLE_PROPERTY,e);try{return n.surroundContents(s),!0}catch{return i(l.FONT_COMMAND_NAME,e)}}return i(l.FONT_COMMAND_NAME,t)},Q=t=>{t.classList.remove(r.LIST_CLASS_DASH,r.LIST_CLASS_ALPHA),t.style.removeProperty("list-style-type")},X=t=>{t===r.LIST_VALUE_BULLET||t===r.LIST_VALUE_DASH?i(S):i(m);const e=window.getSelection();let n=(e==null?void 0:e.anchorNode)??null,s=null;for(;n;){if(n instanceof HTMLElement&&(n.tagName===r.LIST_TAG_UL||n.tagName===r.LIST_TAG_OL)){s=n;break}n=n.parentNode}return s&&(Q(s),t===r.LIST_VALUE_BULLET?s.style.listStyleType=r.LIST_STYLE_DISC:t===r.LIST_VALUE_DASH?s.classList.add(r.LIST_CLASS_DASH):t===r.LIST_VALUE_NUMBERS?s.style.listStyleType=r.LIST_STYLE_DECIMAL:t===r.LIST_VALUE_LETTERS&&(s.classList.add(r.LIST_CLASS_ALPHA),s.style.listStyleType=r.LIST_STYLE_LOWER_ALPHA)),!0},z=()=>{const t=window.getSelection();let e=(t==null?void 0:t.anchorNode)??null;for(;e;){if(e instanceof HTMLElement){if(e.tagName===r.LIST_TAG_UL)return e.classList.contains(r.LIST_CLASS_DASH)?r.LIST_VALUE_DASH:r.LIST_VALUE_BULLET;if(e.tagName===r.LIST_TAG_OL)return e.classList.contains(r.LIST_CLASS_ALPHA)||e.style.listStyleType===r.LIST_STYLE_LOWER_ALPHA?r.LIST_VALUE_LETTERS:r.LIST_VALUE_NUMBERS}e=e.parentNode}return r.LIST_VALUE_BULLET},J=(t,e)=>{const o=window.getSelection(),n=p.getBlockElement((o==null?void 0:o.anchorNode)??null,t);return n?(n.setAttribute(R.DIR_ATTRIBUTE,e),!0):!1},tt=t=>{if(t.key!==r.LIST_MARKDOWN_SPACE)return!1;const e=window.getSelection();if(!e||!e.isCollapsed||e.rangeCount===a.NUMBER_ZERO)return!1;const o=e.anchorNode;if(!o||o.nodeType!==U)return!1;const n=o.textContent??"",s=e.anchorOffset,T=n.slice(a.NUMBER_ZERO,s),E=T.endsWith(r.LIST_MARKDOWN_DASH)?r.LIST_MARKDOWN_DASH:T.endsWith(r.LIST_MARKDOWN_STAR)?r.LIST_MARKDOWN_STAR:null;if(!E)return!1;const L=s-E.length;if(L<a.NUMBER_ZERO)return!1;const u=L>a.NUMBER_ZERO?T[L-1]:"";if(u&&u!==`
+`)return!1;t.preventDefault();const _=e.getRangeAt(a.NUMBER_ZERO);return _.setStart(o,L),_.setEnd(o,s),_.deleteContents(),i(S),!0};exports.applyFontFamily=j;exports.applyListType=X;exports.clearFormatDeep=$;exports.detectListType=z;exports.execCommand=i;exports.fileToDataUrl=Z;exports.getActiveFormats=G;exports.insertHTML=C;exports.insertImage=V;exports.insertLink=W;exports.queryCommandState=c;exports.queryCommandValue=B;exports.setBlockDirection=J;exports.setHighlightColor=K;exports.setTextColor=x;exports.stripSelectionColors=N;exports.tryConvertMarkdownListPrefix=tt;

package/dist/components/InkEditor/helpers/format.utils.d.ts

@@ -3,7 +3,7 @@ import { DIR_LTR, DIR_RTL } from '../../../constants';
 export declare const execCommand: (command: string, value?: string) => boolean;
 export declare const queryCommandState: (command: string) => boolean;
 export declare const queryCommandValue: (command: string) => string;
-export declare const insertLink: (url: string) => boolean;
+export declare const insertLink: (url: string, fallbackText?: string) => boolean;
 export declare const setTextColor: (color: string) => boolean;
 export declare const setHighlightColor: (color: string) => boolean;
 export declare const insertHTML: (html: string) => boolean;

package/dist/components/InkEditor/helpers/format.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"format.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/InkEditor/helpers/format.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAEL,OAAO,EACP,OAAO,EAqBR,MAAM,oBAAoB,CAAC;AAiB5B,eAAO,MAAM,WAAW,GAAI,SAAS,MAAM,EAAE,QAAQ,MAAM,KAAG,OACjB,CAAC;AAE9C,eAAO,MAAM,iBAAiB,GAAI,SAAS,MAAM,KAAG,OACf,CAAC;AAEtC,eAAO,MAAM,iBAAiB,GAAI,SAAS,MAAM,KAAG,MACf,CAAC;AAEtC,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,KAAG,OAOxC,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,OAA0C,CAAC;AAExF,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,KAAG,OAA4C,CAAC;AAE/F,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,KAAG,OAA0C,CAAC;AAErF,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,YAAQ,KAAG,OAGnD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,MAAM,IAAI,KAAG,OAAO,CAAC,MAAM,CAMrD,CAAC;AAEL,eAAO,MAAM,gBAAgB,QAAO,GAAG,CAAC,MAAM,CAW7C,CAAC;AAeF,eAAO,MAAM,oBAAoB,QAAO,IAkBvC,CAAC;AAEF,eAAO,MAAM,eAAe,QAAO,OAIlC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,WAAW,MAAM,KAAG,OAmBnD,CAAC;AAOF,eAAO,MAAM,aAAa,GAAI,WAAW,MAAM,KAAG,OAgCjD,CAAC;AAEF,eAAO,MAAM,cAAc,QAAO,MAsBjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,MAAM,WAAW,EACjB,WAAW,OAAO,OAAO,GAAG,OAAO,OAAO,KACzC,OAMF,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,OAAO,aAAa,KAAG,OA4BnE,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAAO,OAUxC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,QAAQ,aAAa,KAAG,OA6BnD,CAAC"}
+{"version":3,"file":"format.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/InkEditor/helpers/format.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAEL,OAAO,EACP,OAAO,EAqBR,MAAM,oBAAoB,CAAC;AAiB5B,eAAO,MAAM,WAAW,GAAI,SAAS,MAAM,EAAE,QAAQ,MAAM,KAAG,OACjB,CAAC;AAE9C,eAAO,MAAM,iBAAiB,GAAI,SAAS,MAAM,KAAG,OACf,CAAC;AAEtC,eAAO,MAAM,iBAAiB,GAAI,SAAS,MAAM,KAAG,MACf,CAAC;AAiBtC,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,EAAE,qBAAiB,KAAG,OAa3D,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,OAA0C,CAAC;AAExF,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,KAAG,OAA4C,CAAC;AAE/F,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,KAAG,OAA0C,CAAC;AAErF,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,YAAQ,KAAG,OAGnD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,MAAM,IAAI,KAAG,OAAO,CAAC,MAAM,CAMrD,CAAC;AAEL,eAAO,MAAM,gBAAgB,QAAO,GAAG,CAAC,MAAM,CAW7C,CAAC;AAeF,eAAO,MAAM,oBAAoB,QAAO,IAkBvC,CAAC;AAEF,eAAO,MAAM,eAAe,QAAO,OAIlC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,WAAW,MAAM,KAAG,OAmBnD,CAAC;AAOF,eAAO,MAAM,aAAa,GAAI,WAAW,MAAM,KAAG,OAgCjD,CAAC;AAEF,eAAO,MAAM,cAAc,QAAO,MAsBjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,MAAM,WAAW,EACjB,WAAW,OAAO,OAAO,GAAG,OAAO,OAAO,KACzC,OAMF,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,OAAO,aAAa,KAAG,OA4BnE,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAAO,OAUxC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,QAAQ,aAAa,KAAG,OA6BnD,CAAC"}