@forgedevstack/ink 1.1.7 → 1.1.8

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

@@ -0,0 +1,11 @@
+import { GraphColors, GraphPoint } from '../../../../plugins/graph';
+export type GraphEditMode = 'values' | 'colors';
+export type GraphEditModalProps = {
+    open: boolean;
+    mode: GraphEditMode;
+    points: GraphPoint[];
+    colors: GraphColors;
+    onClose: () => void;
+    onApply: (points: GraphPoint[], colors: GraphColors) => void;
+};
+//# sourceMappingURL=GraphEditModal.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GraphEditModal.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/GraphEditModal/GraphEditModal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEzE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC9D,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/GraphEditModal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/InkEditor/components/GraphPicker/GraphPicker.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),K=require("react-dom"),A=require("../../../../constants/numbers.cjs"),a=require("../../../../constants/generals.const.cjs"),D=require("../../../../constants/colorMode.const.cjs"),M=require("../../../../constants/keyboard.const.cjs"),o=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const s=require("../../../../plugins/graph/graph.const.cjs"),p=require("../../../../plugins/graph/graph.utils.cjs"),h=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),q=require("../ToolbarButton/ToolbarButton.cjs"),g=N=>{const{icon:v,disabled:d=!1,hint:I,onHint:T,pluginColor:b,onInsert:w}=N,[c,i]=n.useState(!1),[l,G]=n.useState(s.GRAPH_KIND_DEFAULT),[_,H]=n.useState({top:A.NUMBER_ZERO,left:A.NUMBER_ZERO}),E=n.useRef(null),L=n.useRef(null),S=n.useRef(null);return n.useEffect(()=>{if(!c)return;const e=()=>{const r=h.getToolbarDropdownMenuPosition(L.current);H({top:r.top,left:r.left})};e();const u=r=>{var m,P;const R=r.target;(m=E.current)!=null&&m.contains(R)||(P=S.current)!=null&&P.contains(R)||i(!1)},f=r=>{r.key===M.KEY_ESCAPE&&i(!1)};return document.addEventListener("mousedown",u),document.addEventListener("keydown",f),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{document.removeEventListener("mousedown",u),document.removeEventListener("keydown",f),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[c]),t.jsxs("div",{className:o.INK_CLASS_STYLE_DD,ref:E,children:[t.jsx("div",{ref:L,children:t.jsx(q.ToolbarButton,{icon:v,title:a.INK_GRAPH_TITLE,hint:I,onHint:T,pluginColor:b,disabled:d,onClick:()=>{d||i(e=>!e)}})}),c?K.createPortal(t.jsxs("div",{ref:S,className:`${o.INK_CLASS_STYLE_MENU} ${o.INK_CLASS_STYLE_MENU_PORTAL} ${o.INK_CLASS_STYLE_MENU_FORCED} ${o.INK_CLASS_GRAPH_PANEL}`,"data-color-mode":D.COLOR_MODE_LIGHT,role:"dialog","aria-label":a.INK_GRAPH_TITLE,style:{top:_.top,left:_.left},children:[t.jsx("div",{className:o.INK_CLASS_GRAPH_TYPES,children:s.GRAPH_KINDS.map(e=>t.jsx("button",{type:"button","aria-pressed":e===l,onMouseDown:u=>{u.preventDefault(),G(e)},children:s.GRAPH_KIND_LABELS[e]},e))}),t.jsx("div",{className:o.INK_CLASS_GRAPH_PREVIEW,dangerouslySetInnerHTML:{__html:p.buildGraphHtml(l,s.GRAPH_SAMPLE)}}),t.jsx("button",{type:"button",onMouseDown:e=>{e.preventDefault(),w(p.buildGraphHtml(l,s.GRAPH_SAMPLE)),i(!1)},children:a.INK_GRAPH_INSERT})]}),document.body):null]})};exports.GraphPicker=g;

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

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

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

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

package/dist/components/InkEditor/components/GraphPicker/GraphPicker.js

@@ -0,0 +1,98 @@
+import { jsxs as S, jsx as o } from "react/jsx-runtime";
+import { useState as l, useRef as m, useEffect as G } from "react";
+import { createPortal as M } from "react-dom";
+import { NUMBER_ZERO as A } from "../../../../constants/numbers.js";
+import { INK_GRAPH_TITLE as N, INK_GRAPH_INSERT as b } from "../../../../constants/generals.const.js";
+import { COLOR_MODE_LIGHT as h } from "../../../../constants/colorMode.const.js";
+import { KEY_ESCAPE as y } from "../../../../constants/keyboard.const.js";
+import { INK_CLASS_STYLE_DD as g, INK_CLASS_STYLE_MENU as O, INK_CLASS_STYLE_MENU_PORTAL as k, INK_CLASS_STYLE_MENU_FORCED as Y, INK_CLASS_GRAPH_PANEL as U, INK_CLASS_GRAPH_TYPES as $, INK_CLASS_GRAPH_PREVIEW as B } from "../../../../constants/defaults.const.js";
+import "../../../../constants/openai.const.js";
+import "../../../../utils/paste.utils.js";
+import { GRAPH_KIND_DEFAULT as j, GRAPH_KINDS as z, GRAPH_KIND_LABELS as F, GRAPH_SAMPLE as P } from "../../../../plugins/graph/graph.const.js";
+import { buildGraphHtml as v } from "../../../../plugins/graph/graph.utils.js";
+import { getToolbarDropdownMenuPosition as x } from "../ToolbarDropdown/ToolbarDropdown.utils.js";
+import { ToolbarButton as V } from "../ToolbarButton/ToolbarButton.js";
+const me = (R) => {
+  const { icon: I, disabled: d = !1, hint: w, onHint: K, pluginColor: T, onInsert: D } = R, [i, n] = l(!1), [s, H] = l(j), [a, C] = l({ top: A, left: A }), c = m(null), u = m(null), _ = m(null);
+  return G(() => {
+    if (!i) return;
+    const e = () => {
+      const t = x(u.current);
+      C({ top: t.top, left: t.left });
+    };
+    e();
+    const r = (t) => {
+      var E, L;
+      const p = t.target;
+      (E = c.current) != null && E.contains(p) || (L = _.current) != null && L.contains(p) || n(!1);
+    }, f = (t) => {
+      t.key === y && n(!1);
+    };
+    return document.addEventListener("mousedown", r), document.addEventListener("keydown", f), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+      document.removeEventListener("mousedown", r), document.removeEventListener("keydown", f), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    };
+  }, [i]), /* @__PURE__ */ S("div", { className: g, ref: c, children: [
+    /* @__PURE__ */ o("div", { ref: u, children: /* @__PURE__ */ o(
+      V,
+      {
+        icon: I,
+        title: N,
+        hint: w,
+        onHint: K,
+        pluginColor: T,
+        disabled: d,
+        onClick: () => {
+          d || n((e) => !e);
+        }
+      }
+    ) }),
+    i ? M(
+      /* @__PURE__ */ S(
+        "div",
+        {
+          ref: _,
+          className: `${O} ${k} ${Y} ${U}`,
+          "data-color-mode": h,
+          role: "dialog",
+          "aria-label": N,
+          style: { top: a.top, left: a.left },
+          children: [
+            /* @__PURE__ */ o("div", { className: $, children: z.map((e) => /* @__PURE__ */ o(
+              "button",
+              {
+                type: "button",
+                "aria-pressed": e === s,
+                onMouseDown: (r) => {
+                  r.preventDefault(), H(e);
+                },
+                children: F[e]
+              },
+              e
+            )) }),
+            /* @__PURE__ */ o(
+              "div",
+              {
+                className: B,
+                dangerouslySetInnerHTML: { __html: v(s, P) }
+              }
+            ),
+            /* @__PURE__ */ o(
+              "button",
+              {
+                type: "button",
+                onMouseDown: (e) => {
+                  e.preventDefault(), D(v(s, P)), n(!1);
+                },
+                children: b
+              }
+            )
+          ]
+        }
+      ),
+      document.body
+    ) : null
+  ] });
+};
+export {
+  me as GraphPicker
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GraphPicker.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/GraphPicker/GraphPicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,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,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/GraphPicker/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/HtmlSourcePanel/HtmlSourcePanel.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("../../../../constants/generals.const.cjs"),i=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("react");require("react-dom");const c=e=>{const{value:r,onChange:t,disabled:a=!1,minHeight:n}=e,l=s=>{t(s.target.value)};return u.jsx("textarea",{className:i.INK_CLASS_SOURCE,"aria-label":o.INK_HTML_SOURCE_TITLE,value:r,disabled:a,spellCheck:!1,style:{minHeight:n},onChange:l})};exports.HtmlSourcePanel=c;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlSourcePanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/HtmlSourcePanel/HtmlSourcePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,EAAE,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAkBpD,CAAC"}

package/dist/components/InkEditor/components/HtmlSourcePanel/HtmlSourcePanel.js

@@ -0,0 +1,27 @@
+import { jsx as n } from "react/jsx-runtime";
+import { INK_HTML_SOURCE_TITLE as m } from "../../../../constants/generals.const.js";
+import { INK_CLASS_SOURCE as i } from "../../../../constants/defaults.const.js";
+import "../../../../constants/openai.const.js";
+import "../../../../utils/paste.utils.js";
+import "react";
+import "react-dom";
+const _ = (e) => {
+  const { value: a, onChange: t, disabled: o = !1, minHeight: r } = e;
+  return /* @__PURE__ */ n(
+    "textarea",
+    {
+      className: i,
+      "aria-label": m,
+      value: a,
+      disabled: o,
+      spellCheck: !1,
+      style: { minHeight: r },
+      onChange: (l) => {
+        t(l.target.value);
+      }
+    }
+  );
+};
+export {
+  _ as HtmlSourcePanel
+};

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

@@ -0,0 +1,7 @@
+export type HtmlSourcePanelProps = {
+    value: string;
+    onChange: (next: string) => void;
+    disabled?: boolean;
+    minHeight?: string;
+};
+//# sourceMappingURL=HtmlSourcePanel.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlSourcePanel.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/HtmlSourcePanel/HtmlSourcePanel.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

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

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

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

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

package/dist/components/InkEditor/components/OutlineRail/OutlineRail.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("react");require("react-dom");const a=r=>{const{items:t,activeIndex:i,onSelect:l}=r;return n.jsxs("aside",{className:e.INK_CLASS_OUTLINE,"aria-label":e.INK_OUTLINE_LABEL,children:[n.jsx("div",{className:e.INK_CLASS_OUTLINE_LABEL,children:e.INK_OUTLINE_LABEL}),t.map(s=>{const _=s.index===i;return n.jsxs("button",{type:"button",className:`${e.INK_CLASS_OUTLINE_ITEM} ${e.INK_CLASS_OUTLINE_ITEM}--h${s.level}${_?` ${e.INK_CLASS_OUTLINE_ITEM_ACTIVE}`:""}`,onClick:()=>l(s.index),children:[n.jsx("span",{className:`${e.INK_CLASS_OUTLINE_ITEM}-dot`,"aria-hidden":"true"}),s.text]},`${s.level}-${s.index}`)})]})};exports.OutlineRail=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("../../../../constants/numbers.cjs"),e=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("react");require("react-dom");const L=t=>{const{items:_,activeIndex:I,onSelect:r,onHide:l}=t;return s.jsxs("aside",{className:e.INK_CLASS_OUTLINE,"aria-label":e.INK_OUTLINE_LABEL,children:[s.jsxs("div",{className:e.INK_CLASS_OUTLINE_LABEL,children:[e.INK_OUTLINE_LABEL,l?s.jsx("button",{type:"button",className:e.INK_CLASS_OUTLINE_TOGGLE,onClick:l,children:e.INK_OUTLINE_HIDE}):null]}),_.length===i.NUMBER_ZERO?s.jsx("p",{className:e.INK_CLASS_OUTLINE_ITEM,children:e.INK_OUTLINE_EMPTY}):null,_.map(n=>{const N=n.index===I;return s.jsxs("button",{type:"button",className:`${e.INK_CLASS_OUTLINE_ITEM} ${e.INK_CLASS_OUTLINE_ITEM}--h${n.level}${N?` ${e.INK_CLASS_OUTLINE_ITEM_ACTIVE}`:""}`,onClick:()=>r(n.index),children:[s.jsx("span",{className:`${e.INK_CLASS_OUTLINE_ITEM}-dot`,"aria-hidden":"true"}),n.text]},`${n.level}-${n.index}`)})]})};exports.OutlineRail=L;

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

@@ -1 +1 @@
-{"version":3,"file":"OutlineRail.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/OutlineRail/OutlineRail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAuB5C,CAAC"}
+{"version":3,"file":"OutlineRail.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/OutlineRail/OutlineRail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAYhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAiC5C,CAAC"}

package/dist/components/InkEditor/components/OutlineRail/OutlineRail.js

@@ -1,23 +1,28 @@
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import { INK_OUTLINE_LABEL as r, INK_CLASS_OUTLINE as I, INK_CLASS_OUTLINE_LABEL as N, INK_CLASS_OUTLINE_ITEM as t, INK_CLASS_OUTLINE_ITEM_ACTIVE as _ } from "../../../../constants/defaults.const.js";
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import { NUMBER_ZERO as I } from "../../../../constants/numbers.js";
+import { INK_OUTLINE_LABEL as r, INK_CLASS_OUTLINE as c, INK_CLASS_OUTLINE_LABEL as E, INK_OUTLINE_HIDE as L, INK_CLASS_OUTLINE_TOGGLE as d, INK_OUTLINE_EMPTY as m, INK_CLASS_OUTLINE_ITEM as n, INK_CLASS_OUTLINE_ITEM_ACTIVE as p } from "../../../../constants/defaults.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
 import "react";
 import "react-dom";
-const x = (a) => {
-  const { items: s, activeIndex: l, onSelect: o } = a;
-  return /* @__PURE__ */ i("aside", { className: I, "aria-label": r, children: [
-    /* @__PURE__ */ n("div", { className: N, children: r }),
-    s.map((e) => {
-      const c = e.index === l;
-      return /* @__PURE__ */ i(
+const x = (N) => {
+  const { items: i, activeIndex: a, onSelect: s, onHide: o } = N;
+  return /* @__PURE__ */ t("aside", { className: c, "aria-label": r, children: [
+    /* @__PURE__ */ t("div", { className: E, children: [
+      r,
+      o ? /* @__PURE__ */ l("button", { type: "button", className: d, onClick: o, children: L }) : null
+    ] }),
+    i.length === I ? /* @__PURE__ */ l("p", { className: n, children: m }) : null,
+    i.map((e) => {
+      const _ = e.index === a;
+      return /* @__PURE__ */ t(
         "button",
         {
           type: "button",
-          className: `${t} ${t}--h${e.level}${c ? ` ${_}` : ""}`,
-          onClick: () => o(e.index),
+          className: `${n} ${n}--h${e.level}${_ ? ` ${p}` : ""}`,
+          onClick: () => s(e.index),
           children: [
-            /* @__PURE__ */ n("span", { className: `${t}-dot`, "aria-hidden": "true" }),
+            /* @__PURE__ */ l("span", { className: `${n}-dot`, "aria-hidden": "true" }),
             e.text
           ]
         },

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

@@ -3,5 +3,6 @@ export type OutlineRailProps = {
     items: OutlineItem[];
     activeIndex: number;
     onSelect: (index: number) => void;
+    onHide?: () => void;
 };
 //# sourceMappingURL=OutlineRail.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"OutlineRail.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/OutlineRail/OutlineRail.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC"}
+{"version":3,"file":"OutlineRail.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/OutlineRail/OutlineRail.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}

package/dist/components/InkEditor/components/TableSizePicker/TableSizePicker.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),v=require("react-dom"),_=require("../../../../constants/numbers.cjs"),L=require("../../../../constants/generals.const.cjs"),w=require("../../../../constants/colorMode.const.cjs"),B=require("../../../../constants/keyboard.const.cjs"),t=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const b=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),O=require("../ToolbarButton/ToolbarButton.cjs"),c=require("./TableSizePicker.const.cjs"),p=C=>{const{icon:f,disabled:I=!1,onSelect:P}=C,[a,E]=s.useState(!1),[u,d]=s.useState(c.TABLE_PICKER_INITIAL_HOVER),[T,m]=s.useState(c.TABLE_PICKER_EMPTY_POSITION),A=s.useRef(null),S=s.useRef(null),R=s.useRef(null);s.useEffect(()=>{if(!a)return;const e=()=>{const o=b.getToolbarDropdownMenuPosition(S.current);m({top:o.top,left:o.left})};e();const r=o=>{var K,N;const l=o.target;(K=A.current)!=null&&K.contains(l)||(N=R.current)!=null&&N.contains(l)||E(!1)},i=o=>{o.key===B.KEY_ESCAPE&&E(!1)};return document.addEventListener("mousedown",r),document.addEventListener("keydown",i),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{document.removeEventListener("mousedown",r),document.removeEventListener("keydown",i),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[a]);const M=Array.from({length:_.INK_TABLE_PICKER_MAX*_.INK_TABLE_PICKER_MAX},(e,r)=>{const i=Math.floor(r/_.INK_TABLE_PICKER_MAX)+_.NUMBER_ONE,o=r%_.INK_TABLE_PICKER_MAX+_.NUMBER_ONE,l=i<=u.rows&&o<=u.cols;return{rows:i,cols:o,isOn:l,key:`${i}-${o}`}});return n.jsxs("div",{className:t.INK_CLASS_TABLE_PICKER,ref:A,children:[n.jsx("div",{ref:S,children:n.jsx(O.ToolbarButton,{icon:f,title:L.INK_TABLE_INSERT_TITLE,disabled:I,onClick:()=>{I||(d(c.TABLE_PICKER_INITIAL_HOVER),E(e=>!e))}})}),a?v.createPortal(n.jsxs("div",{ref:R,className:`${t.INK_CLASS_STYLE_MENU} ${t.INK_CLASS_STYLE_MENU_PORTAL} ${t.INK_CLASS_STYLE_MENU_FORCED}`,"data-color-mode":w.COLOR_MODE_LIGHT,role:"grid","aria-label":L.INK_TABLE_INSERT_TITLE,style:{top:T.top,left:T.left},children:[n.jsx("div",{className:t.INK_CLASS_TABLE_PICKER_GRID,style:{gridTemplateColumns:`repeat(${_.INK_TABLE_PICKER_MAX}, 1fr)`},children:M.map(e=>n.jsx("button",{type:"button",className:`${t.INK_CLASS_TABLE_PICKER_CELL}${e.isOn?`${L.SPACE_STRING}${t.INK_CLASS_TABLE_PICKER_CELL_ON}`:""}`,"aria-label":`${e.rows}${c.TABLE_PICKER_TIMES_MARK}${e.cols}`,onMouseEnter:()=>d({rows:e.rows,cols:e.cols}),onMouseDown:r=>{r.preventDefault(),P(e.rows,e.cols),E(!1)}},e.key))}),n.jsxs("div",{className:t.INK_CLASS_TABLE_PICKER_LABEL,children:[u.rows,c.TABLE_PICKER_TIMES_MARK,u.cols]})]}),document.body):null]})};exports.TableSizePicker=p;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../../../constants/numbers.cjs");require("../../../../constants/openai.const.cjs");require("react/jsx-runtime");require("../../../../utils/paste.utils.cjs");require("react");require("react-dom");const _={rows:E.NUMBER_ONE,cols:E.NUMBER_ONE},e={top:E.NUMBER_ZERO,left:E.NUMBER_ZERO},r=" × ";exports.TABLE_PICKER_EMPTY_POSITION=e;exports.TABLE_PICKER_INITIAL_HOVER=_;exports.TABLE_PICKER_TIMES_MARK=r;

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

@@ -0,0 +1,10 @@
+export declare const TABLE_PICKER_INITIAL_HOVER: {
+    rows: number;
+    cols: number;
+};
+export declare const TABLE_PICKER_EMPTY_POSITION: {
+    top: number;
+    left: number;
+};
+export declare const TABLE_PICKER_TIMES_MARK = " \u00D7 ";
+//# sourceMappingURL=TableSizePicker.const.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableSizePicker.const.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/TableSizePicker/TableSizePicker.const.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B;;;CAGtC,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;CAGvC,CAAC;AAEF,eAAO,MAAM,uBAAuB,aAAQ,CAAC"}

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

@@ -0,0 +1,18 @@
+import { NUMBER_ONE as o, NUMBER_ZERO as E } from "../../../../constants/numbers.js";
+import "../../../../constants/openai.const.js";
+import "react/jsx-runtime";
+import "../../../../utils/paste.utils.js";
+import "react";
+import "react-dom";
+const m = {
+  rows: o,
+  cols: o
+}, T = {
+  top: E,
+  left: E
+}, i = " × ";
+export {
+  T as TABLE_PICKER_EMPTY_POSITION,
+  m as TABLE_PICKER_INITIAL_HOVER,
+  i as TABLE_PICKER_TIMES_MARK
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableSizePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/TableSizePicker/TableSizePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAyB7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAiGpD,CAAC"}

package/dist/components/InkEditor/components/TableSizePicker/TableSizePicker.js

@@ -0,0 +1,95 @@
+import { jsxs as l, jsx as E } from "react/jsx-runtime";
+import { useState as m, useRef as a, useEffect as B } from "react";
+import { createPortal as O } from "react-dom";
+import { INK_TABLE_PICKER_MAX as n, NUMBER_ONE as A } from "../../../../constants/numbers.js";
+import { INK_TABLE_INSERT_TITLE as C, SPACE_STRING as $ } from "../../../../constants/generals.const.js";
+import { COLOR_MODE_LIGHT as y } from "../../../../constants/colorMode.const.js";
+import { KEY_ESCAPE as b } from "../../../../constants/keyboard.const.js";
+import { INK_CLASS_TABLE_PICKER as g, INK_CLASS_STYLE_MENU as h, INK_CLASS_STYLE_MENU_PORTAL as k, INK_CLASS_STYLE_MENU_FORCED as D, INK_CLASS_TABLE_PICKER_GRID as Y, INK_CLASS_TABLE_PICKER_CELL as U, INK_CLASS_TABLE_PICKER_CELL_ON as x, INK_CLASS_TABLE_PICKER_LABEL as z } from "../../../../constants/defaults.const.js";
+import "../../../../constants/openai.const.js";
+import "../../../../utils/paste.utils.js";
+import { getToolbarDropdownMenuPosition as G } from "../ToolbarDropdown/ToolbarDropdown.utils.js";
+import { ToolbarButton as H } from "../ToolbarButton/ToolbarButton.js";
+import { TABLE_PICKER_INITIAL_HOVER as N, TABLE_PICKER_EMPTY_POSITION as j, TABLE_PICKER_TIMES_MARK as K } from "./TableSizePicker.const.js";
+const se = (R) => {
+  const { icon: v, disabled: L = !1, onSelect: w } = R, [c, s] = m(!1), [i, d] = m(N), [f, P] = m(j), u = a(null), I = a(null), S = a(null);
+  B(() => {
+    if (!c) return;
+    const e = () => {
+      const o = G(I.current);
+      P({ top: o.top, left: o.left });
+    };
+    e();
+    const t = (o) => {
+      var p, T;
+      const _ = o.target;
+      (p = u.current) != null && p.contains(_) || (T = S.current) != null && T.contains(_) || s(!1);
+    }, r = (o) => {
+      o.key === b && s(!1);
+    };
+    return document.addEventListener("mousedown", t), document.addEventListener("keydown", r), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+      document.removeEventListener("mousedown", t), document.removeEventListener("keydown", r), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    };
+  }, [c]);
+  const M = Array.from({ length: n * n }, (e, t) => {
+    const r = Math.floor(t / n) + A, o = t % n + A, _ = r <= i.rows && o <= i.cols;
+    return { rows: r, cols: o, isOn: _, key: `${r}-${o}` };
+  });
+  return /* @__PURE__ */ l("div", { className: g, ref: u, children: [
+    /* @__PURE__ */ E("div", { ref: I, children: /* @__PURE__ */ E(
+      H,
+      {
+        icon: v,
+        title: C,
+        disabled: L,
+        onClick: () => {
+          L || (d(N), s((e) => !e));
+        }
+      }
+    ) }),
+    c ? O(
+      /* @__PURE__ */ l(
+        "div",
+        {
+          ref: S,
+          className: `${h} ${k} ${D}`,
+          "data-color-mode": y,
+          role: "grid",
+          "aria-label": C,
+          style: { top: f.top, left: f.left },
+          children: [
+            /* @__PURE__ */ E(
+              "div",
+              {
+                className: Y,
+                style: { gridTemplateColumns: `repeat(${n}, 1fr)` },
+                children: M.map((e) => /* @__PURE__ */ E(
+                  "button",
+                  {
+                    type: "button",
+                    className: `${U}${e.isOn ? `${$}${x}` : ""}`,
+                    "aria-label": `${e.rows}${K}${e.cols}`,
+                    onMouseEnter: () => d({ rows: e.rows, cols: e.cols }),
+                    onMouseDown: (t) => {
+                      t.preventDefault(), w(e.rows, e.cols), s(!1);
+                    }
+                  },
+                  e.key
+                ))
+              }
+            ),
+            /* @__PURE__ */ l("div", { className: z, children: [
+              i.rows,
+              K,
+              i.cols
+            ] })
+          ]
+        }
+      ),
+      document.body
+    ) : null
+  ] });
+};
+export {
+  se as TableSizePicker
+};

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type TableSizePickerProps = {
+    icon: ReactNode;
+    disabled?: boolean;
+    onSelect: (rows: number, cols: number) => void;
+};
+export type TableSizePickerPosition = {
+    top: number;
+    left: number;
+};
+//# sourceMappingURL=TableSizePicker.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableSizePicker.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/TableSizePicker/TableSizePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd,CAAC"}

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

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

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

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

package/dist/components/InkEditor/components/ThemePicker/ThemePicker.cjs

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

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

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

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"}