@tatamicks/core 1.0.3 → 1.0.4

package/dist/index.mjs

@@ -1,19 +1,19 @@
-import { C as ee, S as te, T as W, s as L, c as j, i as oe, r as ne, u as ae, a as ie, b as se, B as V, d as re, n as H, e as le, f as ce, g as de, h as ue, N as pe } from "./paperSettingsWidget-d93s3Gsr.js";
-import { D as Vt, j as Lt, k as Ht, l as Ot, m as Rt, V as Nt, o as $t, p as Ut, q as Wt, t as Ft, v as jt, w as Gt, x as qt } from "./paperSettingsWidget-d93s3Gsr.js";
-import { useReducer as me, useRef as T, useCallback as I, useMemo as z, useState as q, isValidElement as ge, Fragment as ye, memo as Y, forwardRef as he, useEffect as ve, createElement as be } from "react";
-import { P as A, u as ke, D as fe, N as Z, S as X } from "./sidebarPortal-B2Mk9Aba.js";
-import { a as Zt, b as Xt, c as Kt, d as Jt, L as Qt, e as eo, f as to, g as oo, i as no, h as ao, m as io, j as so, k as ro, l as lo, p as co, s as uo, n as po } from "./sidebarPortal-B2Mk9Aba.js";
-import { flushSync as xe } from "react-dom";
-import { createRoot as Pe } from "react-dom/client";
-import { jsx as c, jsxs as M, Fragment as we } from "react/jsx-runtime";
-import { s as U, A as Ce, I as O, C as Se, a as Be, b as Ie, D as Ee, c as ze, P as Ae, G as De, u as Te, S as Me, d as _e, g as Ve, e as Le, f as He, h as Oe, O as Re, T as Ne, i as $e, j as Ue, k as We } from "./PalettePanel-N5Y1TJAk.js";
-import './index.css';function Fe(e) {
+import { C as te, S as oe, T as F, s as N, c as G, i as ne, r as ae, u as ie, a as se, b as re, B as L, d as le, n as O, e as ce, f as de, g as ue, h as pe, N as me } from "./paperSettingsWidget-CAIw_Ofm.js";
+import { D as Ot, j as Vt, k as Rt, l as Ht, m as $t, V as Wt, o as Ft, p as Ut, q as Gt, t as jt, v as Zt, w as Yt, x as qt } from "./paperSettingsWidget-CAIw_Ofm.js";
+import { useReducer as ge, useRef as z, useCallback as B, useMemo as A, useState as Y, isValidElement as ye, Fragment as he, memo as q, forwardRef as ve, useEffect as be, createElement as ke } from "react";
+import { P as D, u as fe, D as xe, N as X, S as K, a as Pe, Z as j } from "./sidebarPortal-Bigm11qq.js";
+import { b as Kt, c as Jt, d as Qt, e as eo, L as to, f as oo, g as no, h as ao, i as io, j as so, m as ro, k as lo, l as co, n as uo, p as po, s as mo, o as go } from "./sidebarPortal-Bigm11qq.js";
+import { flushSync as we } from "react-dom";
+import { createRoot as Ce } from "react-dom/client";
+import { jsx as l, jsxs as _, Fragment as Se } from "react/jsx-runtime";
+import { s as W, A as Ie, I as V, C as Be, a as Ee, b as Ae, D as De, c as Te, P as ze, G as _e, u as Me, S as Le, d as Ne, g as Oe, e as Ve, f as Re, h as He, O as $e, T as We, i as Fe, j as Ue, k as Ge } from "./PalettePanel-CrA2BGLq.js";
+import './index.css';function je(e) {
   const t = {};
   for (const o of e.properties)
     Object.assign(t, o.defaultProps);
   return t;
 }
-function je(e) {
+function Ze(e) {
   const t = /* @__PURE__ */ new Set();
   for (const o of e) {
     if (t.has(o.kind))
@@ -34,7 +34,7 @@ function je(e) {
           kind: o.kind,
           meta: o.meta,
           properties: o.properties,
-          defaultProps: Fe(o),
+          defaultProps: je(o),
           Renderer: o.Renderer,
           ...typeof o.migrateProps == "function" ? {
             migrateProps: o.migrateProps
@@ -50,8 +50,8 @@ function je(e) {
     })
   );
 }
-const Pt = [ee, te, W];
-function Ge(e, t) {
+const Ct = [te, oe, F];
+function Ye(e, t) {
   switch (t.type) {
     case "setSelectedBlockIds":
       return { ...e, selectedBlockIds: t.ids };
@@ -66,59 +66,59 @@ const qe = {
   pageIdx: 0,
   clipboard: []
 };
-function Ye({
+function Xe({
   book: e,
   handleBookChange: t
 }) {
-  const [o, n] = me(
-    Ge,
+  const [o, n] = ge(
+    Ye,
     qe
-  ), { selectedBlockIds: a, pageIdx: i } = o, g = T(e);
+  ), { selectedBlockIds: a, pageIdx: i } = o, g = z(e);
   g.current = e;
-  const l = T(o);
-  l.current = o;
-  const h = I(
+  const c = z(o);
+  c.current = o;
+  const h = B(
     (s, r) => {
-      const m = g.current, d = l.current.pageIdx, y = m.pages[d];
+      const m = g.current, d = c.current.pageIdx, y = m.pages[d];
       if (!y) return;
-      const k = y.blocks.map((B) => {
-        const E = s[B.id];
-        return E ? { ...B, ...E } : B;
+      const k = y.blocks.map((I) => {
+        const E = s[I.id];
+        return E ? { ...I, ...E } : I;
       });
       t(
-        L(m, d, { ...y, blocks: k }),
+        N(m, d, { ...y, blocks: k }),
         r
       );
-      const x = l.current.selectedBlockIds, C = x.map((B) => {
-        var F;
-        const E = (F = s[B]) == null ? void 0 : F.id;
-        return typeof E == "string" ? E : B;
+      const x = c.current.selectedBlockIds, C = x.map((I) => {
+        var U;
+        const E = (U = s[I]) == null ? void 0 : U.id;
+        return typeof E == "string" ? E : I;
       });
-      C.some((B, E) => B !== x[E]) && n({ type: "setSelectedBlockIds", ids: C });
+      C.some((I, E) => I !== x[E]) && n({ type: "setSelectedBlockIds", ids: C });
     },
     [t]
-  ), u = I(
+  ), u = B(
     (s) => {
-      const r = g.current, m = l.current.pageIdx, d = r.pages[m];
+      const r = g.current, m = c.current.pageIdx, d = r.pages[m];
       if (!d) return;
       const y = new Set(s), k = d.blocks.filter(
         (x) => !y.has(x.id)
       );
-      t(L(r, m, { ...d, blocks: k })), n({ type: "setSelectedBlockIds", ids: [] });
+      t(N(r, m, { ...d, blocks: k })), n({ type: "setSelectedBlockIds", ids: [] });
     },
     [t]
-  ), p = I((s) => {
-    const r = g.current, m = l.current.pageIdx, d = r.pages[m];
+  ), p = B((s) => {
+    const r = g.current, m = c.current.pageIdx, d = r.pages[m];
     if (!d) return;
     const y = d.blocks.filter((k) => s.includes(k.id));
     n({ type: "setClipboard", blocks: y });
-  }, []), f = I(
+  }, []), f = B(
     (s) => {
-      const r = g.current, m = l.current.pageIdx, d = r.pages[m];
+      const r = g.current, m = c.current.pageIdx, d = r.pages[m];
       if (!d) return;
       const y = d.blocks.filter((C) => s.includes(C.id)), k = d.grid, x = y.map((C) => ({
         ...C,
-        id: j(C.kind),
+        id: G(C.kind),
         layout: {
           ...C.layout,
           x: Math.min(C.layout.x + 1, k.colCount - C.layout.w),
@@ -126,7 +126,7 @@ function Ye({
         }
       }));
       t(
-        L(r, m, {
+        N(r, m, {
           ...d,
           blocks: [...d.blocks, ...x]
         })
@@ -136,14 +136,14 @@ function Ye({
       });
     },
     [t]
-  ), b = I(() => {
-    const s = l.current.clipboard;
+  ), b = B(() => {
+    const s = c.current.clipboard;
     if (s.length === 0) return;
-    const r = g.current, m = l.current.pageIdx, d = r.pages[m];
+    const r = g.current, m = c.current.pageIdx, d = r.pages[m];
     if (!d) return;
     const y = d.grid, k = s.map((x) => ({
       ...x,
-      id: j(x.kind),
+      id: G(x.kind),
       layout: {
         ...x.layout,
         x: Math.min(x.layout.x + 1, y.colCount - x.layout.w),
@@ -151,7 +151,7 @@ function Ye({
       }
     }));
     t(
-      L(r, m, {
+      N(r, m, {
         ...d,
         blocks: [...d.blocks, ...k]
       })
@@ -159,38 +159,38 @@ function Ye({
       type: "setSelectedBlockIds",
       ids: k.map((x) => x.id)
     });
-  }, [t]), w = I(() => {
+  }, [t]), w = B(() => {
     var y;
-    const s = g.current, r = l.current.pageIdx, m = s.pages[r], d = {
+    const s = g.current, r = c.current.pageIdx, m = s.pages[r], d = {
       grid: m ? m.grid : ((y = s.pages[0]) == null ? void 0 : y.grid) ?? { colCount: 12, rowCount: 24 },
       blocks: []
     };
-    t(oe(s, r, d)), n({ type: "setPageIdx", idx: r + 1 });
-  }, [t]), S = I(() => {
-    const s = g.current, r = l.current.pageIdx;
+    t(ne(s, r, d)), n({ type: "setPageIdx", idx: r + 1 });
+  }, [t]), S = B(() => {
+    const s = g.current, r = c.current.pageIdx;
     if (s.pages.length <= 1) return;
-    const m = ne(s, r);
+    const m = ae(s, r);
     t(m), n({
       type: "setPageIdx",
       idx: Math.min(r, m.pages.length - 1)
     });
-  }, [t]), D = z(
+  }, [t]), T = A(
     () => ({
       paste: {
         execute: b,
-        isEnabled: () => l.current.clipboard.length > 0
+        isEnabled: () => c.current.clipboard.length > 0
       },
       delete: {
-        execute: () => u(l.current.selectedBlockIds),
-        isEnabled: () => l.current.selectedBlockIds.length > 0
+        execute: () => u(c.current.selectedBlockIds),
+        isEnabled: () => c.current.selectedBlockIds.length > 0
       },
       copy: {
-        execute: () => p(l.current.selectedBlockIds),
-        isEnabled: () => l.current.selectedBlockIds.length > 0
+        execute: () => p(c.current.selectedBlockIds),
+        isEnabled: () => c.current.selectedBlockIds.length > 0
       },
       duplicate: {
-        execute: () => f(l.current.selectedBlockIds),
-        isEnabled: () => l.current.selectedBlockIds.length > 0
+        execute: () => f(c.current.selectedBlockIds),
+        isEnabled: () => c.current.selectedBlockIds.length > 0
       },
       addPage: {
         execute: w,
@@ -230,28 +230,28 @@ function Ye({
     ]
   );
   return {
-    editorState: z(
+    editorState: A(
       () => ({
         selectedBlockIds: a,
         pageIdx: i
       }),
       [a, i]
     ),
-    actionHandlers: D,
+    actionHandlers: T,
     selectedBlockIds: a
   };
 }
-function wt({
+function St({
   initialBook: e,
   pluginRegistry: t,
   defaultValues: o,
   extra: n
 }) {
-  const a = T(null), { book: i, handleBookChange: g, historyActionHandlers: l } = ae({
+  const a = z(null), { book: i, handleBookChange: g, historyActionHandlers: c } = ie({
     initialBook: e
-  }), [h, u] = q(
+  }), [h, u] = Y(
     o ?? {}
-  ), p = I((s) => {
+  ), p = B((s) => {
     s.length !== 0 && u((r) => {
       if (!s.some(
         ({ id: y, value: k }) => k === void 0 ? y in r : r[y] !== k
@@ -261,28 +261,28 @@ function wt({
         k === void 0 ? delete d[y] : d[y] = k;
       return d;
     });
-  }, []), { editorState: f, actionHandlers: b } = Ye({
+  }, []), { editorState: f, actionHandlers: b } = Xe({
     book: i,
     handleBookChange: g
   }), w = {
     pageIdx: f.pageIdx,
     ...n ? { extra: n } : {}
-  }, S = ie(
+  }, S = se(
     i,
     g,
     w
-  ), D = se({
-    ...l,
+  ), T = re({
+    ...c,
     ...b
   });
-  return { context: z(
+  return { context: A(
     () => ({
       book: i,
       onBookChange: g,
       pluginRegistry: t,
       containerRef: a,
       bindingContext: S,
-      actionContext: D,
+      actionContext: T,
       values: h,
       onValuesChange: p,
       editorState: f
@@ -292,7 +292,7 @@ function wt({
       g,
       t,
       S,
-      D,
+      T,
       h,
       p,
       f
@@ -337,13 +337,13 @@ function P(e, t, o) {
     left: R
   };
 }
-function Ze(e = "canvas-actions") {
+function Ke(e = "canvas-actions") {
   return {
     props: {
       book: {
         paper: {
           size: {
-            preset: A.CUSTOM,
+            preset: D.CUSTOM,
             width: { value: 160, unit: "mm" },
             height: { value: 20, unit: "mm" }
           },
@@ -443,17 +443,17 @@ function Ze(e = "canvas-actions") {
         ]
       }
     },
-    plugins: [V]
+    plugins: [L]
   };
 }
-const Ct = Ze();
-function Xe(e = "clipboard") {
+const It = Ke();
+function Je(e = "clipboard") {
   return {
     props: {
       book: {
         paper: {
           size: {
-            preset: A.CUSTOM,
+            preset: D.CUSTOM,
             width: { value: 60, unit: "mm" },
             height: { value: 20, unit: "mm" }
           },
@@ -491,17 +491,17 @@ function Xe(e = "clipboard") {
         ]
       }
     },
-    plugins: [V]
+    plugins: [L]
   };
 }
-const St = Xe();
-function Ke(e = "history") {
+const Bt = Je();
+function Qe(e = "history") {
   return {
     props: {
       book: {
         paper: {
           size: {
-            preset: A.CUSTOM,
+            preset: D.CUSTOM,
             width: { value: 40, unit: "mm" },
             height: { value: 20, unit: "mm" }
           },
@@ -533,12 +533,12 @@ function Ke(e = "history") {
         ]
       }
     },
-    plugins: [V]
+    plugins: [L]
   };
 }
-const Bt = Ke(), N = {
+const Et = Qe(), H = {
   size: {
-    preset: A.CUSTOM
+    preset: D.CUSTOM
   },
   margin: {
     top: { value: 0, unit: "mm" },
@@ -548,17 +548,17 @@ const Bt = Ke(), N = {
   },
   autoHeight: !0,
   autoWidth: !0
-}, Je = {
-  margin: N.margin,
-  autoHeight: N.autoHeight,
-  autoWidth: N.autoWidth
-}, It = {
+}, et = {
+  margin: H.margin,
+  autoHeight: H.autoHeight,
+  autoWidth: H.autoWidth
+}, At = {
   props: {
     book: {
       paper: {
-        ...Je,
+        ...et,
         size: {
-          preset: A.CUSTOM,
+          preset: D.CUSTOM,
           width: { value: 160, unit: "mm" },
           height: { value: 8, unit: "mm" }
         }
@@ -586,7 +586,7 @@ const Bt = Ke(), N = {
               props: { horizontal: "center", vertical: "center" }
             },
             {
-              ...H("layout-x-value", "layout.x"),
+              ...O("layout-x-value", "layout.x"),
               layout: { x: 1, y: 0, w: 1, h: 1 }
             },
             {
@@ -605,7 +605,7 @@ const Bt = Ke(), N = {
               props: { horizontal: "center", vertical: "center" }
             },
             {
-              ...H("layout-y-value", "layout.y"),
+              ...O("layout-y-value", "layout.y"),
               layout: { x: 4, y: 0, w: 1, h: 1 }
             },
             {
@@ -624,7 +624,7 @@ const Bt = Ke(), N = {
               props: { horizontal: "center", vertical: "center" }
             },
             {
-              ...H("layout-w-value", "layout.w"),
+              ...O("layout-w-value", "layout.w"),
               layout: { x: 7, y: 0, w: 1, h: 1 }
             },
             {
@@ -643,7 +643,7 @@ const Bt = Ke(), N = {
               props: { horizontal: "center", vertical: "center" }
             },
             {
-              ...H("layout-h-value", "layout.h"),
+              ...O("layout-h-value", "layout.h"),
               layout: { x: 10, y: 0, w: 1, h: 1 }
             },
             {
@@ -657,16 +657,16 @@ const Bt = Ke(), N = {
       ]
     }
   },
-  plugins: [W, re]
+  plugins: [F, le]
 };
-function Qe(e) {
+function tt(e) {
   const { pageIdx: t, pageCount: o } = e, n = t !== void 0 ? String(t + 1) : "—", a = o !== void 0 ? String(o) : "—";
   return {
     props: {
       book: {
         paper: {
           size: {
-            preset: A.CUSTOM,
+            preset: D.CUSTOM,
             width: { value: 130, unit: "mm" },
             height: { value: 20, unit: "mm" }
           },
@@ -768,17 +768,17 @@ function Qe(e) {
         ]
       }
     },
-    plugins: [V, W]
+    plugins: [L, F]
   };
 }
-const Et = Qe({});
-function et(e = "selection") {
+const Dt = tt({});
+function ot(e = "selection") {
   return {
     props: {
       book: {
         paper: {
           size: {
-            preset: A.CUSTOM,
+            preset: D.CUSTOM,
             width: { value: 60, unit: "mm" },
             height: { value: 20, unit: "mm" }
           },
@@ -816,43 +816,43 @@ function et(e = "selection") {
         ]
       }
     },
-    plugins: [V]
+    plugins: [L]
   };
 }
-const zt = et(), tt = ({
+const Tt = ot(), nt = ({
   sections: e = [],
   className: t,
   style: o
-}) => /* @__PURE__ */ c(
+}) => /* @__PURE__ */ l(
   "div",
   {
-    className: `${U.container}${t ? ` ${t}` : ""}`,
+    className: `${W.container}${t ? ` ${t}` : ""}`,
     style: o,
     "data-testid": "action-bar",
     children: e.map((n, a) => {
-      const i = ge(n) && n.key != null ? n.key : `section-${a}`;
-      return /* @__PURE__ */ M(ye, { children: [
-        a > 0 && /* @__PURE__ */ c(Ce, {}),
-        /* @__PURE__ */ c("div", { className: U.section, children: n })
+      const i = ye(n) && n.key != null ? n.key : `section-${a}`;
+      return /* @__PURE__ */ _(he, { children: [
+        a > 0 && /* @__PURE__ */ l(Ie, {}),
+        /* @__PURE__ */ l("div", { className: W.section, children: n })
       ] }, i);
     })
   }
 );
-tt.displayName = "ActionBar";
-const ot = "_printContainer_e2bnt_1", nt = "_pageBreak_e2bnt_6", G = {
-  printContainer: ot,
-  pageBreak: nt
-}, K = Y(
+nt.displayName = "ActionBar";
+const at = "_printContainer_e2bnt_1", it = "_pageBreak_e2bnt_6", Z = {
+  printContainer: at,
+  pageBreak: it
+}, J = q(
   ({ page: e, paper: t, values: o, pluginRegistry: n }) => {
-    const { paperPx: a, getBlockRectPx: i } = ke(
+    const { paperPx: a, getBlockRectPx: i } = fe(
       t,
       e.grid,
-      fe
+      xe
     ), g = o ? { get: (h) => o[h] ?? null, set: () => {
-    } } : void 0, l = e.blocks.filter(
-      (h) => !de(h.hiddenBinding, g)
+    } } : void 0, c = e.blocks.filter(
+      (h) => !ue(h.hiddenBinding, g)
     );
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -861,12 +861,12 @@ const ot = "_printContainer_e2bnt_1", nt = "_pageBreak_e2bnt_6", G = {
           height: `${a.canvas.height}px`,
           backgroundColor: "#fff"
         },
-        children: /* @__PURE__ */ c(
-          ue,
+        children: /* @__PURE__ */ l(
+          pe,
           {
-            blocks: l,
+            blocks: c,
             pluginRegistry: n,
-            mode: Z.VIEW,
+            mode: X.VIEW,
             values: o ?? {},
             blockDefaults: e.blockDefaults,
             getBlockRectPx: i,
@@ -878,14 +878,14 @@ const ot = "_printContainer_e2bnt_1", nt = "_pageBreak_e2bnt_6", G = {
     );
   }
 );
-K.displayName = "PrintPage";
-const J = he(
+J.displayName = "PrintPage";
+const Q = ve(
   ({ book: e, values: t, pluginRegistry: o, printSettings: n, className: a, style: i }, g) => {
-    const l = le(e, n), h = ce(
-      l,
+    const c = ce(e, n), h = de(
+      c,
       n == null ? void 0 : n.margin
     );
-    return ve(() => {
+    return be(() => {
       var f, b;
       (f = document.getElementById("printable-note-page-style")) == null || f.remove(), (b = document.getElementById("tatamicks-book-page-style")) == null || b.remove();
       const u = document.createElement("style");
@@ -895,23 +895,23 @@ const J = he(
         var w, S;
         (w = document.getElementById("printable-note-page-style")) == null || w.remove(), (S = document.getElementById("tatamicks-book-page-style")) == null || S.remove();
       };
-    }, [h]), /* @__PURE__ */ c(
+    }, [h]), /* @__PURE__ */ l(
       "div",
       {
         ref: g,
-        className: [G.printContainer, a].filter(Boolean).join(" "),
+        className: [Z.printContainer, a].filter(Boolean).join(" "),
         style: i,
         children: e.pages.map((u, p) => {
           const f = u.id ?? (u.blocks.map((b) => b.id).join("_") || `page-${p}`);
-          return /* @__PURE__ */ c(
+          return /* @__PURE__ */ l(
             "div",
             {
-              className: p < e.pages.length - 1 ? G.pageBreak : void 0,
-              children: /* @__PURE__ */ c(
-                K,
+              className: p < e.pages.length - 1 ? Z.pageBreak : void 0,
+              children: /* @__PURE__ */ l(
+                J,
                 {
                   page: u,
-                  paper: l,
+                  paper: c,
                   values: t,
                   pluginRegistry: o
                 }
@@ -924,12 +924,12 @@ const J = he(
     );
   }
 );
-J.displayName = "NotePrint";
-const at = Y(J);
-function it(e) {
+Q.displayName = "NotePrint";
+const st = q(Q);
+function rt(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function st(e, t) {
+function lt(e, t) {
   const o = document.title, n = document.createElement("iframe");
   n.style.cssText = "position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;z-index:-9999;border:none;", document.body.appendChild(n);
   const a = n.contentWindow, i = n.contentDocument ?? (a == null ? void 0 : a.document);
@@ -938,12 +938,12 @@ function st(e, t) {
     return;
   }
   const g = Array.from(document.querySelectorAll("style")).map((p) => p.outerHTML).join(`
-`), l = Array.from(
+`), c = Array.from(
     document.querySelectorAll('link[rel="stylesheet"]')
   ).map((p) => p.outerHTML).join(`
 `), h = e.innerHTML;
   i.open(), i.write(
-    `<!DOCTYPE html><html><head><meta charset="utf-8" /><title>${it(o)}</title>${l}${g}<style>*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;}</style></head><body>${h}</body></html>`
+    `<!DOCTYPE html><html><head><meta charset="utf-8" /><title>${rt(o)}</title>${c}${g}<style>*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;}</style></head><body>${h}</body></html>`
   ), i.close();
   const u = () => {
     document.body.contains(n) && document.body.removeChild(n);
@@ -954,36 +954,36 @@ function st(e, t) {
     a.focus(), a.print();
   }, 0);
 }
-function rt(e, t, o, n) {
+function ct(e, t, o, n) {
   const a = document.createElement("div");
   a.style.cssText = "position:absolute;top:-9999px;left:-9999px;", document.body.appendChild(a);
-  const i = Pe(a);
-  xe(() => {
+  const i = Ce(a);
+  we(() => {
     i.render(
-      be(at, { book: e, values: t, pluginRegistry: o, printSettings: n })
+      ke(st, { book: e, values: t, pluginRegistry: o, printSettings: n })
     );
-  }), st(a), i.unmount(), document.body.removeChild(a);
+  }), lt(a), i.unmount(), document.body.removeChild(a);
 }
-function lt(e, t) {
-  rt(
+function dt(e, t) {
+  ct(
     e.book,
     e.values,
     e.pluginRegistry,
     t
   );
 }
-const Q = ({
+const ee = ({
   pageIdx: e,
   pageCount: t,
   onPageChange: o,
   onAddPage: n,
   onDeletePage: a,
   canDeletePage: i = !0
-}) => /* @__PURE__ */ M(we, { children: [
-  /* @__PURE__ */ c(
-    O,
+}) => /* @__PURE__ */ _(Se, { children: [
+  /* @__PURE__ */ l(
+    V,
     {
-      icon: /* @__PURE__ */ c(Se, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ l(Be, { "aria-hidden": "true" }),
       label: "前のページへ",
       title: "前のページへ",
       onClick: () => o(Math.max(0, e - 1)),
@@ -991,15 +991,15 @@ const Q = ({
       preventFocusOnMouseDown: !0
     }
   ),
-  /* @__PURE__ */ M("span", { className: U.sectionLabel, children: [
+  /* @__PURE__ */ _("span", { className: W.sectionLabel, children: [
     e + 1,
     " / ",
     t
   ] }),
-  /* @__PURE__ */ c(
-    O,
+  /* @__PURE__ */ l(
+    V,
     {
-      icon: /* @__PURE__ */ c(Be, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ l(Ee, { "aria-hidden": "true" }),
       label: "次のページへ",
       title: "次のページへ",
       onClick: () => o(Math.min(t - 1, e + 1)),
@@ -1007,20 +1007,20 @@ const Q = ({
       preventFocusOnMouseDown: !0
     }
   ),
-  n !== void 0 && /* @__PURE__ */ c(
-    O,
+  n !== void 0 && /* @__PURE__ */ l(
+    V,
     {
-      icon: /* @__PURE__ */ c(Ie, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ l(Ae, { "aria-hidden": "true" }),
       label: "ページを追加",
       title: "ページを追加",
       onClick: n,
       preventFocusOnMouseDown: !0
     }
   ),
-  a !== void 0 && /* @__PURE__ */ c(
-    O,
+  a !== void 0 && /* @__PURE__ */ l(
+    V,
     {
-      icon: /* @__PURE__ */ c(Ee, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ l(De, { "aria-hidden": "true" }),
       label: "ページを削除",
       title: "ページを削除",
       onClick: a,
@@ -1029,37 +1029,37 @@ const Q = ({
     }
   )
 ] });
-Q.displayName = "PageNavigationSection";
-function At({
+ee.displayName = "PageNavigationSection";
+function zt({
   context: e,
   onActionFeedback: t,
   onPrint: o
 }) {
-  const { actionContext: n } = e, { book: a, onBookChange: i } = e, l = e.editorState.pageIdx, h = a.pages[l] ?? a.pages[0], u = [
-    /* @__PURE__ */ c(
-      ze,
+  const { actionContext: n } = e, { book: a, onBookChange: i } = e, c = e.editorState.pageIdx, h = a.pages[c] ?? a.pages[0], u = [
+    /* @__PURE__ */ l(
+      Te,
       {
         actionContext: n,
         onActionFeedback: t,
-        onPrint: o ?? (() => lt(e))
+        onPrint: o ?? (() => dt(e))
       },
       "canvas"
     ),
-    /* @__PURE__ */ c(
-      Ae,
+    /* @__PURE__ */ l(
+      ze,
       {
         paper: a.paper,
         onPaperChange: (p) => i({ ...a, paper: p })
       },
       "paper"
     ),
-    /* @__PURE__ */ c(
-      De,
+    /* @__PURE__ */ l(
+      _e,
       {
         grid: h.grid,
         onGridChange: (p) => {
           const f = a.pages.map(
-            (b, w) => w === l ? { ...b, grid: p } : b
+            (b, w) => w === c ? { ...b, grid: p } : b
           );
           i({ ...a, pages: f });
         }
@@ -1068,10 +1068,10 @@ function At({
     )
   ];
   return u.push(
-    /* @__PURE__ */ c(
-      Q,
+    /* @__PURE__ */ l(
+      ee,
       {
-        pageIdx: l,
+        pageIdx: c,
         pageCount: a.pages.length,
         onPageChange: (p) => n.execute("goToPage", p),
         onAddPage: () => n.execute("addPage"),
@@ -1082,29 +1082,29 @@ function At({
     )
   ), u;
 }
-const ct = ({
+const ut = ({
   context: e,
   gridSize: t,
   isDragging: o,
   zIndex: n,
   onActionFeedback: a
 }) => {
-  const { book: i, containerRef: g } = e, l = e.editorState, h = T(null), u = l.selectedBlockIds ?? [], p = z(() => {
+  const { book: i, containerRef: g } = e, c = e.editorState, h = z(null), u = c.selectedBlockIds ?? [], p = A(() => {
     const b = new Set(
       i.pages.flatMap((w) => w.blocks.map((S) => S.id))
     );
     return u.filter((w) => b.has(w));
-  }, [u, i]), f = Te(g ?? h, p) ?? null;
-  return /* @__PURE__ */ c(
-    Me,
+  }, [u, i]), f = Me(g ?? h, p) ?? null;
+  return /* @__PURE__ */ l(
+    Le,
     {
       selectionBoundingBox: f,
       isDragging: o,
       zIndex: n,
-      children: /* @__PURE__ */ c(
-        _e,
+      children: /* @__PURE__ */ l(
+        Ne,
         {
-          items: Ve({
+          items: Oe({
             context: e,
             gridSize: t,
             onActionFeedback: a
@@ -1115,8 +1115,8 @@ const ct = ({
     }
   );
 };
-ct.displayName = "DefaultSelectionActionBarOverlay";
-function Dt({
+ut.displayName = "DefaultSelectionActionBarOverlay";
+function _t({
   context: e,
   gridSize: t,
   onBlockHover: o,
@@ -1127,13 +1127,13 @@ function Dt({
     {
       value: "block",
       label: "ブロック",
-      content: (e.editorState.selectedBlockIds ?? []).length > 0 ? /* @__PURE__ */ c(Le, { context: e, gridSize: t }) : /* @__PURE__ */ c(He, { context: e })
+      content: (e.editorState.selectedBlockIds ?? []).length > 0 ? /* @__PURE__ */ l(Ve, { context: e, gridSize: t }) : /* @__PURE__ */ l(Re, { context: e })
     },
     {
       value: "canvas",
       label: "キャンバス",
-      content: /* @__PURE__ */ c(
-        Oe,
+      content: /* @__PURE__ */ l(
+        He,
         {
           context: e,
           onBlockHover: o,
@@ -1145,26 +1145,26 @@ function Dt({
     {
       value: "other",
       label: "その他",
-      content: /* @__PURE__ */ c(Re, { context: e })
+      content: /* @__PURE__ */ l($e, { context: e })
     }
   ];
 }
-const dt = "_container_ymana_1", ut = "_tabHeader_ymana_12", pt = "_tabContent_ymana_19", $ = {
-  container: dt,
-  tabHeader: ut,
-  tabContent: pt
-}, mt = ({ tabs: e, defaultTab: t, className: o }) => {
+const pt = "_container_9e3fp_1", mt = "_tabHeader_9e3fp_13", gt = "_tabContent_9e3fp_20", $ = {
+  container: pt,
+  tabHeader: mt,
+  tabContent: gt
+}, yt = ({ tabs: e, defaultTab: t, className: o }) => {
   var a;
   const n = t ?? ((a = e[0]) == null ? void 0 : a.value) ?? "";
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: `${$.container} ${o || ""}`,
-      ...X,
-      children: /* @__PURE__ */ M(Ne, { defaultValue: n, variant: "default", children: [
-        /* @__PURE__ */ c($e, { className: $.tabHeader, children: e.map((i) => /* @__PURE__ */ c(Ue, { value: i.value, children: i.label }, i.value)) }),
-        e.map((i) => /* @__PURE__ */ c(
-          We,
+      ...K,
+      children: /* @__PURE__ */ _(We, { defaultValue: n, variant: "default", children: [
+        /* @__PURE__ */ l(Fe, { className: $.tabHeader, children: e.map((i) => /* @__PURE__ */ l(Ue, { value: i.value, children: i.label }, i.value)) }),
+        e.map((i) => /* @__PURE__ */ l(
+          Ge,
           {
             value: i.value,
             className: $.tabContent,
@@ -1176,12 +1176,12 @@ const dt = "_container_ymana_1", ut = "_tabHeader_ymana_12", pt = "_tabContent_y
     }
   );
 };
-mt.displayName = "Sidebar";
-const gt = {
+yt.displayName = "Sidebar";
+const ht = {
   selectedBlockIds: [],
   pageIdx: 0
 };
-function Tt({
+function Mt({
   label: e,
   widget: t,
   extraPlugins: o,
@@ -1189,20 +1189,20 @@ function Tt({
   isDragging: a,
   onTitlePointerDown: i,
   onClose: g,
-  onContainerPointerDown: l,
+  onContainerPointerDown: c,
   style: h,
   context: u
 }) {
-  const p = z(
-    () => je([...t.plugins, ...o ?? []]),
+  const p = A(
+    () => Ze([...t.plugins, ...o ?? []]),
     [t.plugins, o]
-  ), f = T(null), b = z(
+  ), f = z(null), b = A(
     () => ({
       get: (r) => (u.book, u.bindingContext.get(r)),
       set: (r, m) => u.bindingContext.set(r, m)
     }),
     [u.bindingContext, u.book]
-  ), w = z(
+  ), w = A(
     () => ({
       book: t.props.book,
       onBookChange: () => {
@@ -1211,7 +1211,7 @@ function Tt({
       containerRef: f,
       bindingContext: b,
       actionContext: u.actionContext,
-      editorState: gt,
+      editorState: ht,
       values: {}
     }),
     [
@@ -1220,155 +1220,164 @@ function Tt({
       b,
       u.actionContext
     ]
-  ), [S, D] = q(0.5), _ = T({ x: 0, zoom: 0.5 }), s = (r) => {
-    r.preventDefault(), r.stopPropagation(), _.current = { x: r.clientX, zoom: S };
+  ), [S, T] = Y(0.5), M = z({ x: 0, zoom: 0.5 }), s = (r) => {
+    r.preventDefault(), r.stopPropagation(), M.current = { x: r.clientX, zoom: S };
     const m = (y) => {
-      const k = y.clientX - _.current.x;
-      D(
-        Math.max(0.25, Math.min(2, _.current.zoom + k / 400))
+      const k = y.clientX - M.current.x;
+      T(
+        Math.max(0.25, Math.min(2, M.current.zoom + k / 400))
       );
     }, d = () => {
       window.removeEventListener("pointermove", m), window.removeEventListener("pointerup", d);
     };
     window.addEventListener("pointermove", m), window.addEventListener("pointerup", d);
   };
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ l(
     "div",
     {
-      onPointerDown: l,
-      ...X,
+      onPointerDown: c,
+      ...K,
       style: {
         position: "fixed",
         left: n.x,
         top: n.y,
-        zIndex: a ? 375e4 : 37e5,
-        background: "#fff",
-        border: "1px solid #d1d5db",
-        borderRadius: 6,
-        boxShadow: a ? "0 8px 24px rgba(0,0,0,0.2)" : "0 2px 8px rgba(0,0,0,0.12)",
-        ...h
+        ...Pe
       },
-      children: [
-        /* @__PURE__ */ M(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "space-between",
-              padding: "3px 4px 3px 8px",
-              background: "#f9fafb",
-              borderBottom: "1px solid #e5e7eb",
-              borderRadius: "6px 6px 0 0",
-              cursor: "move",
-              userSelect: "none",
-              gap: 4
-            },
-            onPointerDown: i,
-            children: [
-              /* @__PURE__ */ c("span", { style: { fontSize: 11, color: "#555", whiteSpace: "nowrap" }, children: e }),
-              /* @__PURE__ */ c(
-                "button",
-                {
-                  type: "button",
-                  onPointerDown: (r) => r.stopPropagation(),
-                  onClick: g,
-                  style: {
-                    background: "none",
-                    border: "none",
-                    cursor: "pointer",
-                    fontSize: 12,
-                    color: "#9ca3af",
-                    padding: "0 2px",
-                    lineHeight: 1
-                  },
-                  children: "✕"
+      children: /* @__PURE__ */ _(
+        "div",
+        {
+          style: {
+            position: "relative",
+            zIndex: a ? j.FLOATING_WIDGET_DRAGGING : j.FLOATING_WIDGET,
+            background: "#fff",
+            border: "1px solid #d1d5db",
+            borderRadius: 6,
+            boxShadow: a ? "0 8px 24px rgba(0,0,0,0.2)" : "0 2px 8px rgba(0,0,0,0.12)",
+            ...h
+          },
+          children: [
+            /* @__PURE__ */ _(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  padding: "3px 4px 3px 8px",
+                  background: "#f9fafb",
+                  borderBottom: "1px solid #e5e7eb",
+                  borderRadius: "6px 6px 0 0",
+                  cursor: "move",
+                  userSelect: "none",
+                  gap: 4
+                },
+                onPointerDown: i,
+                children: [
+                  /* @__PURE__ */ l("span", { style: { fontSize: 11, color: "#555", whiteSpace: "nowrap" }, children: e }),
+                  /* @__PURE__ */ l(
+                    "button",
+                    {
+                      type: "button",
+                      onPointerDown: (r) => r.stopPropagation(),
+                      onClick: g,
+                      style: {
+                        background: "none",
+                        border: "none",
+                        cursor: "pointer",
+                        fontSize: 12,
+                        color: "#9ca3af",
+                        padding: "0 2px",
+                        lineHeight: 1
+                      },
+                      children: "✕"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ l("div", { style: { pointerEvents: a ? "none" : "auto", zoom: S }, children: /* @__PURE__ */ l(me, { mode: X.EDIT, context: w }) }),
+            /* @__PURE__ */ l(
+              "div",
+              {
+                onPointerDown: s,
+                style: {
+                  position: "absolute",
+                  bottom: 0,
+                  right: 0,
+                  width: 14,
+                  height: 14,
+                  cursor: "se-resize",
+                  background: "linear-gradient(135deg, transparent 50%, #9ca3af 50%)",
+                  borderRadius: "0 0 6px 0"
                 }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ c("div", { style: { pointerEvents: a ? "none" : "auto", zoom: S }, children: /* @__PURE__ */ c(pe, { mode: Z.EDIT, context: w }) }),
-        /* @__PURE__ */ c(
-          "div",
-          {
-            onPointerDown: s,
-            style: {
-              position: "absolute",
-              bottom: 0,
-              right: 0,
-              width: 14,
-              height: 14,
-              cursor: "se-resize",
-              background: "linear-gradient(135deg, transparent 50%, #9ca3af 50%)",
-              borderRadius: "0 0 6px 0"
-            }
-          }
-        )
-      ]
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }
 export {
-  tt as ActionBar,
-  Pt as BASE_PLUGINS,
-  ee as CheckboxPlugin,
-  Vt as DEFAULT_BOOK,
-  Zt as DEFAULT_GRID,
-  Lt as DEFAULT_PAGE,
-  Xt as DEFAULT_PAPER,
-  Kt as DEFAULT_PAPER_MARGIN,
-  Jt as DEFAULT_PAPER_SIZES,
-  ct as DefaultSelectionActionBarOverlay,
-  Tt as FloatingWidget,
-  Qt as LineType,
-  pe as Note,
-  Ht as NoteEdit,
-  Ot as NoteForm,
-  Z as NoteMode,
-  Rt as NoteView,
-  A as PaperSizePreset,
-  te as SelectPlugin,
-  mt as Sidebar,
-  W as TextPlugin,
-  Nt as ValidationSeverity,
-  $t as addPage,
-  It as blockLayoutWidget,
-  Ct as canvasActionsWidget,
+  nt as ActionBar,
+  Ct as BASE_PLUGINS,
+  te as CheckboxPlugin,
+  Ot as DEFAULT_BOOK,
+  Kt as DEFAULT_GRID,
+  Vt as DEFAULT_PAGE,
+  Jt as DEFAULT_PAPER,
+  Qt as DEFAULT_PAPER_MARGIN,
+  eo as DEFAULT_PAPER_SIZES,
+  ut as DefaultSelectionActionBarOverlay,
+  Mt as FloatingWidget,
+  to as LineType,
+  me as Note,
+  Rt as NoteEdit,
+  Ht as NoteForm,
+  X as NoteMode,
+  $t as NoteView,
+  D as PaperSizePreset,
+  oe as SelectPlugin,
+  yt as Sidebar,
+  F as TextPlugin,
+  Wt as ValidationSeverity,
+  Ft as addPage,
+  At as blockLayoutWidget,
+  It as canvasActionsWidget,
   Ut as cleanValues,
-  St as clipboardWidget,
-  j as createBlockId,
-  Ze as createCanvasActionsWidget,
-  Xe as createClipboardWidget,
-  Ke as createHistoryWidget,
-  Qe as createPageNavigationWidget,
-  je as createPluginRegistry,
-  et as createSelectionDeleteWidget,
-  eo as deserializeBook,
-  to as deserializePage,
-  oo as deserializeValues,
-  Wt as ensurePageIds,
-  At as getDefaultActionBarSections,
-  Dt as getDefaultSidebarTabs,
-  Ft as gridSettingsWidget,
-  Bt as historyWidget,
-  oe as insertPage,
-  no as isBook,
-  ao as isLegacyFormSchema,
-  io as migrate,
-  so as migrateBook,
-  ro as migrateFormSchemaToBook,
-  lo as migratePage,
-  jt as movePage,
-  Et as pageNavigationWidget,
-  Gt as paperSettingsWidget,
-  co as parseBook,
-  lt as printNote,
-  ne as removePage,
-  zt as selectionDeleteWidget,
-  uo as serializeBook,
-  po as serializePage,
-  L as setPage,
-  wt as useNoteContext,
+  Bt as clipboardWidget,
+  G as createBlockId,
+  Ke as createCanvasActionsWidget,
+  Je as createClipboardWidget,
+  Qe as createHistoryWidget,
+  tt as createPageNavigationWidget,
+  Ze as createPluginRegistry,
+  ot as createSelectionDeleteWidget,
+  oo as deserializeBook,
+  no as deserializePage,
+  ao as deserializeValues,
+  Gt as ensurePageIds,
+  zt as getDefaultActionBarSections,
+  _t as getDefaultSidebarTabs,
+  jt as gridSettingsWidget,
+  Et as historyWidget,
+  ne as insertPage,
+  io as isBook,
+  so as isLegacyFormSchema,
+  ro as migrate,
+  lo as migrateBook,
+  co as migrateFormSchemaToBook,
+  uo as migratePage,
+  Zt as movePage,
+  Dt as pageNavigationWidget,
+  Yt as paperSettingsWidget,
+  po as parseBook,
+  dt as printNote,
+  ae as removePage,
+  Tt as selectionDeleteWidget,
+  mo as serializeBook,
+  go as serializePage,
+  N as setPage,
+  St as useNoteContext,
   qt as validateBook
 };