@tatamicks/core 1.0.3 → 1.0.4

package/dist/{PalettePanel-N5Y1TJAk.js → PalettePanel-CrA2BGLq.js}

@@ -1,22 +1,22 @@
-import { jsx as t, jsxs as p, Fragment as oe } from "react/jsx-runtime";
-import { useCallback as y, useState as O, useRef as ie, useEffect as pe, useContext as Pe, createContext as gt, useMemo as te, memo as fe, useId as an } from "react";
-import { Z as yt, a8 as _t, a5 as xt, a9 as wt, a6 as Nt, P as F, d as Ct, M as K, L as he, B as on, aa as sn, x as rn, T as cn, F as dn, q as ye, J as hn, v as Re, H as Ee, V as Ae, ab as un, s as dt, e as pn, g as ht, l as mn, u as bn, a as vn, C as fn, N as gn } from "./sidebarPortal-B2Mk9Aba.js";
-import { createPortal as St } from "react-dom";
-import './PalettePanel.css';const yn = "_container_1xv5c_4", _n = "_section_1xv5c_16", xn = "_divider_1xv5c_23", wn = "_sectionLabel_1xv5c_31", Nn = "_select_1xv5c_38", Cn = "_numberInput_1xv5c_59", Sn = "_heightModeSwitch_1xv5c_87", In = "_switchLabel_1xv5c_93", $n = "_switchLabelActive_1xv5c_101", Ln = "_toggle_1xv5c_105", kn = "_thumb_1xv5c_122", P = {
-  container: yn,
-  section: _n,
-  divider: xn,
-  sectionLabel: wn,
-  select: Nn,
-  numberInput: Cn,
-  heightModeSwitch: Sn,
-  switchLabel: In,
-  switchLabelActive: $n,
-  toggle: Ln,
-  thumb: kn
-}, Tn = (e) => /* @__PURE__ */ t("div", { className: P.divider, "aria-hidden": "true" });
-Tn.displayName = "ActionBarDivider";
-const Xe = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
+import { jsx as t, jsxs as p, Fragment as se } from "react/jsx-runtime";
+import { useCallback as y, useState as O, useRef as ae, useEffect as me, useContext as ze, createContext as _t, useMemo as ne, memo as ge, useId as sn } from "react";
+import { Z as xt, a9 as wt, a6 as Nt, aa as Ct, a7 as St, P as F, e as It, O as K, L as ue, B as rn, ab as cn, y as dn, X as hn, F as un, r as _e, K as pn, w as Oe, H as Ae, V as Me, a as mn, ac as bn, s as ht, f as fn, h as ut, n as vn, u as gn, b as yn, E as _n, N as xn } from "./sidebarPortal-Bigm11qq.js";
+import { createPortal as $t } from "react-dom";
+import './PalettePanel.css';const wn = "_container_zau2f_4", Nn = "_section_zau2f_17", Cn = "_divider_zau2f_24", Sn = "_sectionLabel_zau2f_32", In = "_select_zau2f_39", $n = "_numberInput_zau2f_60", Ln = "_heightModeSwitch_zau2f_88", kn = "_switchLabel_zau2f_94", Tn = "_switchLabelActive_zau2f_102", En = "_toggle_zau2f_106", An = "_thumb_zau2f_123", D = {
+  container: wn,
+  section: Nn,
+  divider: Cn,
+  sectionLabel: Sn,
+  select: In,
+  numberInput: $n,
+  heightModeSwitch: Ln,
+  switchLabel: kn,
+  switchLabelActive: Tn,
+  toggle: En,
+  thumb: An
+}, Mn = (e) => /* @__PURE__ */ t("div", { className: D.divider, "aria-hidden": "true" });
+Mn.displayName = "ActionBarDivider";
+const Qe = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
   "svg",
   {
     viewBox: "0 0 16 16",
@@ -35,8 +35,8 @@ const Xe = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
     ]
   }
 );
-Xe.displayName = "UndoIcon";
-const Qe = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
+Qe.displayName = "UndoIcon";
+const et = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
   "svg",
   {
     viewBox: "0 0 16 16",
@@ -55,8 +55,8 @@ const Qe = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
     ]
   }
 );
-Qe.displayName = "RedoIcon";
-const et = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
+et.displayName = "RedoIcon";
+const tt = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
   "svg",
   {
     viewBox: "0 0 16 16",
@@ -78,8 +78,8 @@ const et = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
     ]
   }
 );
-et.displayName = "TrashIcon";
-const tt = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
+tt.displayName = "TrashIcon";
+const nt = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
   "svg",
   {
     viewBox: "0 0 16 16",
@@ -98,7 +98,7 @@ const tt = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
     ]
   }
 );
-tt.displayName = "CopyIcon";
+nt.displayName = "CopyIcon";
 const Be = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
   "svg",
   {
@@ -121,7 +121,7 @@ const Be = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
   }
 );
 Be.displayName = "PasteIcon";
-const nt = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
+const lt = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
   "svg",
   {
     viewBox: "0 0 16 16",
@@ -140,8 +140,8 @@ const nt = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
     ]
   }
 );
-nt.displayName = "DuplicateIcon";
-const It = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
+lt.displayName = "DuplicateIcon";
+const Lt = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
   "svg",
   {
     viewBox: "0 0 16 16",
@@ -173,8 +173,8 @@ const It = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
     ]
   }
 );
-It.displayName = "PrintIcon";
-const $t = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
+Lt.displayName = "PrintIcon";
+const kt = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
   "svg",
   {
     viewBox: "0 0 16 16",
@@ -195,8 +195,8 @@ const $t = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
     ]
   }
 );
-$t.displayName = "StyleIcon";
-const Lt = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
+kt.displayName = "StyleIcon";
+const Tt = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
   "svg",
   {
     viewBox: "0 0 16 16",
@@ -216,8 +216,8 @@ const Lt = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
     ]
   }
 );
-Lt.displayName = "LayoutIcon";
-const kt = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
+Tt.displayName = "LayoutIcon";
+const Et = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
   "svg",
   {
     viewBox: "0 0 16 16",
@@ -240,8 +240,8 @@ const kt = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
     ]
   }
 );
-kt.displayName = "BlockSettingsIcon";
-const En = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
+Et.displayName = "BlockSettingsIcon";
+const Pn = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
   "svg",
   {
     viewBox: "0 0 24 24",
@@ -253,8 +253,8 @@ const En = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
     children: /* @__PURE__ */ t("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" })
   }
 );
-En.displayName = "ChevronLeftIcon";
-const An = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
+Pn.displayName = "ChevronLeftIcon";
+const Dn = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
   "svg",
   {
     viewBox: "0 0 24 24",
@@ -266,8 +266,8 @@ const An = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
     children: /* @__PURE__ */ t("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" })
   }
 );
-An.displayName = "ChevronRightIcon";
-const Mn = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
+Dn.displayName = "ChevronRightIcon";
+const zn = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
   "svg",
   {
     viewBox: "0 0 24 24",
@@ -279,8 +279,8 @@ const Mn = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
     children: /* @__PURE__ */ t("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" })
   }
 );
-Mn.displayName = "AddPageIcon";
-const Dn = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
+zn.displayName = "AddPageIcon";
+const Bn = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
   "svg",
   {
     viewBox: "0 0 24 24",
@@ -292,8 +292,8 @@ const Dn = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
     children: /* @__PURE__ */ t("path", { d: "M19 13H5v-2h14v2z" })
   }
 );
-Dn.displayName = "DeletePageIcon";
-const Pn = {
+Bn.displayName = "DeletePageIcon";
+const Rn = {
   undo: {
     actionId: "undo",
     message: "元に戻しました",
@@ -354,11 +354,11 @@ const Pn = {
     message: "ページを削除しました",
     shortcut: null
   }
-}, lt = (e) => Pn[e], Bn = "_container_1tnp6_5", zn = "_input_1tnp6_13", Wn = "_label_1tnp6_29", Oe = {
-  container: Bn,
-  input: zn,
-  label: Wn
-}, ae = ({
+}, it = (e) => Rn[e], Wn = "_container_1tnp6_5", On = "_input_1tnp6_13", Fn = "_label_1tnp6_29", Fe = {
+  container: Wn,
+  input: On,
+  label: Fn
+}, oe = ({
   value: e,
   onChange: n,
   readOnly: i = !1,
@@ -371,34 +371,34 @@ const Pn = {
     },
     [n]
   );
-  return /* @__PURE__ */ p("label", { className: Oe.container, children: [
+  return /* @__PURE__ */ p("label", { className: Fe.container, children: [
     /* @__PURE__ */ t(
       "input",
       {
         type: "checkbox",
-        className: Oe.input,
+        className: Fe.input,
         checked: !!e,
         onChange: c,
         disabled: i
       }
     ),
-    o && /* @__PURE__ */ t("span", { className: Oe.label, children: o })
+    o && /* @__PURE__ */ t("span", { className: Fe.label, children: o })
   ] });
 };
-ae.displayName = "Checkbox";
-const Rn = "_header_1c1mq_6", On = "_title_1c1mq_32", Fn = "_actions_1c1mq_43", jn = "_titleGroup_1c1mq_49", Un = "_infoIcon_1c1mq_60", Vn = "_chevron_1c1mq_84", qn = "_chevronOpen_1c1mq_92", Gn = "_statusBadge_1c1mq_98", Hn = "_statusBadgeOn_1c1mq_108", Kn = "_statusBadgeOff_1c1mq_113", Zn = "_content_1c1mq_120", Yn = "_contentNoPadding_1c1mq_127", W = {
-  header: Rn,
-  title: On,
-  actions: Fn,
-  titleGroup: jn,
-  infoIcon: Un,
-  chevron: Vn,
-  chevronOpen: qn,
-  statusBadge: Gn,
-  statusBadgeOn: Hn,
-  statusBadgeOff: Kn,
-  content: Zn,
-  contentNoPadding: Yn
+oe.displayName = "Checkbox";
+const jn = "_header_1c1mq_6", Un = "_title_1c1mq_32", Vn = "_actions_1c1mq_43", qn = "_titleGroup_1c1mq_49", Gn = "_infoIcon_1c1mq_60", Hn = "_chevron_1c1mq_84", Kn = "_chevronOpen_1c1mq_92", Zn = "_statusBadge_1c1mq_98", Yn = "_statusBadgeOn_1c1mq_108", Jn = "_statusBadgeOff_1c1mq_113", Xn = "_content_1c1mq_120", Qn = "_contentNoPadding_1c1mq_127", R = {
+  header: jn,
+  title: Un,
+  actions: Vn,
+  titleGroup: qn,
+  infoIcon: Gn,
+  chevron: Hn,
+  chevronOpen: Kn,
+  statusBadge: Zn,
+  statusBadgeOn: Yn,
+  statusBadgeOff: Jn,
+  content: Xn,
+  contentNoPadding: Qn
 }, V = ({
   title: e,
   children: n,
@@ -412,27 +412,27 @@ const Rn = "_header_1c1mq_6", On = "_title_1c1mq_32", Fn = "_actions_1c1mq_43",
   closeLabel: d,
   noPadding: u = !1
 }) => {
-  const [h, f] = O(
+  const [h, v] = O(
     i ? l : !1
-  ), v = a !== void 0, m = v ? !a : h, g = () => {
+  ), f = a !== void 0, m = f ? !a : h, g = () => {
     const $ = m;
-    v || f(!$), o == null || o($);
-  }, _ = !i || !m, w = u ? W.contentNoPadding : W.content, L = i ? m ? d : s : void 0;
-  return /* @__PURE__ */ p("div", { className: W.section, children: [
+    f || v(!$), o == null || o($);
+  }, _ = !i || !m, w = u ? R.contentNoPadding : R.content, L = i ? m ? d : s : void 0;
+  return /* @__PURE__ */ p("div", { className: R.section, children: [
     i ? /* @__PURE__ */ p(
       "button",
       {
         type: "button",
-        className: W.header,
+        className: R.header,
         onClick: g,
         "aria-expanded": !m,
         children: [
-          /* @__PURE__ */ p("span", { className: W.titleGroup, children: [
-            /* @__PURE__ */ t("span", { className: W.title, children: e }),
+          /* @__PURE__ */ p("span", { className: R.titleGroup, children: [
+            /* @__PURE__ */ t("span", { className: R.title, children: e }),
             c && /* @__PURE__ */ t(
               "span",
               {
-                className: W.infoIcon,
+                className: R.infoIcon,
                 title: c,
                 role: "img",
                 "aria-label": c,
@@ -444,7 +444,7 @@ const Rn = "_header_1c1mq_6", On = "_title_1c1mq_32", Fn = "_actions_1c1mq_43",
             "span",
             {
               role: "none",
-              className: W.actions,
+              className: R.actions,
               onClick: ($) => $.stopPropagation(),
               children: r
             }
@@ -452,7 +452,7 @@ const Rn = "_header_1c1mq_6", On = "_title_1c1mq_32", Fn = "_actions_1c1mq_43",
           L && /* @__PURE__ */ t(
             "span",
             {
-              className: `${W.statusBadge} ${m ? W.statusBadgeOff : W.statusBadgeOn}`,
+              className: `${R.statusBadge} ${m ? R.statusBadgeOff : R.statusBadgeOn}`,
               "aria-hidden": "true",
               children: L
             }
@@ -460,20 +460,20 @@ const Rn = "_header_1c1mq_6", On = "_title_1c1mq_32", Fn = "_actions_1c1mq_43",
           /* @__PURE__ */ t(
             "span",
             {
-              className: `${W.chevron} ${m ? "" : W.chevronOpen}`,
+              className: `${R.chevron} ${m ? "" : R.chevronOpen}`,
               "aria-hidden": !0,
               children: "▾"
             }
           )
         ]
       }
-    ) : /* @__PURE__ */ p("div", { className: W.header, children: [
-      /* @__PURE__ */ p("span", { className: W.titleGroup, children: [
-        /* @__PURE__ */ t("span", { className: W.title, children: e }),
+    ) : /* @__PURE__ */ p("div", { className: R.header, children: [
+      /* @__PURE__ */ p("span", { className: R.titleGroup, children: [
+        /* @__PURE__ */ t("span", { className: R.title, children: e }),
         c && /* @__PURE__ */ t(
           "span",
           {
-            className: W.infoIcon,
+            className: R.infoIcon,
             title: c,
             role: "img",
             "aria-label": c,
@@ -481,13 +481,13 @@ const Rn = "_header_1c1mq_6", On = "_title_1c1mq_32", Fn = "_actions_1c1mq_43",
           }
         )
       ] }),
-      r && /* @__PURE__ */ t("span", { className: W.actions, children: r })
+      r && /* @__PURE__ */ t("span", { className: R.actions, children: r })
     ] }),
     _ && /* @__PURE__ */ t("div", { className: w, children: n })
   ] });
 };
 V.displayName = "CollapsibleSection";
-function Le(e) {
+function ke(e) {
   if (!e)
     return null;
   const n = e.match(/^#([0-9a-f]{6}|[0-9a-f]{8})$/i);
@@ -504,7 +504,7 @@ function Le(e) {
   }
   return null;
 }
-function Jn(e) {
+function el(e) {
   const { r: n, g: i, b: l, a } = e;
   if (a === 0)
     return;
@@ -515,7 +515,7 @@ function Jn(e) {
   }
   return `#${o}${c}${r}`;
 }
-const Xn = [
+const tl = [
   { label: "無色", value: void 0 },
   { label: "白", value: "#ffffff" },
   { label: "グレー1", value: "#efefef" },
@@ -546,31 +546,31 @@ const Xn = [
   { label: "青紫", value: "#9FC5E8" },
   { label: "紫", value: "#B4A7D6" },
   { label: "赤紫", value: "#D5A6BD" }
-], Qn = "_container_1cdzu_5", el = "_colorButton_1cdzu_13", tl = "_textInputWrapper_1cdzu_40", nl = "_textInputPrefix_1cdzu_62", ll = "_textInput_1cdzu_40", il = "_popover_1cdzu_96", al = "_palette_1cdzu_112", ol = "_paletteButton_1cdzu_119", sl = "_selected_1cdzu_142", rl = "_transparentPaletteButton_1cdzu_148", cl = "_rgbaInputs_1cdzu_154", dl = "_rgbaInputGroup_1cdzu_161", hl = "_rgbaLabel_1cdzu_175", z = {
-  container: Qn,
-  colorButton: el,
-  textInputWrapper: tl,
-  textInputPrefix: nl,
-  textInput: ll,
-  popover: il,
-  palette: al,
-  paletteButton: ol,
-  selected: sl,
-  transparentPaletteButton: rl,
-  rgbaInputs: cl,
-  rgbaInputGroup: dl,
-  rgbaLabel: hl
-}, Tt = ({
+], nl = "_container_1cdzu_5", ll = "_colorButton_1cdzu_13", il = "_textInputWrapper_1cdzu_40", al = "_textInputPrefix_1cdzu_62", ol = "_textInput_1cdzu_40", sl = "_popover_1cdzu_96", rl = "_palette_1cdzu_112", cl = "_paletteButton_1cdzu_119", dl = "_selected_1cdzu_142", hl = "_transparentPaletteButton_1cdzu_148", ul = "_rgbaInputs_1cdzu_154", pl = "_rgbaInputGroup_1cdzu_161", ml = "_rgbaLabel_1cdzu_175", B = {
+  container: nl,
+  colorButton: ll,
+  textInputWrapper: il,
+  textInputPrefix: al,
+  textInput: ol,
+  popover: sl,
+  palette: rl,
+  paletteButton: cl,
+  selected: dl,
+  transparentPaletteButton: hl,
+  rgbaInputs: ul,
+  rgbaInputGroup: pl,
+  rgbaLabel: ml
+}, At = ({
   onColorSelect: e,
   selectedColor: n,
   readOnly: i = !1
-}) => /* @__PURE__ */ t("div", { className: z.palette, children: Xn.map((l, a) => {
+}) => /* @__PURE__ */ t("div", { className: B.palette, children: tl.map((l, a) => {
   const o = l.value === void 0, c = l.value === n, r = o ? {} : { backgroundColor: l.value };
   return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
-      className: `${z.paletteButton} ${o ? z.transparentPaletteButton : ""} ${c ? z.selected : ""}`,
+      className: `${B.paletteButton} ${o ? B.transparentPaletteButton : ""} ${c ? B.selected : ""}`,
       onClick: () => e(l.value),
       disabled: i,
       title: l.label,
@@ -580,9 +580,9 @@ const Xn = [
     l.value ?? `undefined-${a}`
   );
 }) });
-Tt.displayName = "ColorPalette";
-const ul = "_input_14n56_5", pl = {
-  input: ul
+At.displayName = "ColorPalette";
+const bl = "_input_14n56_5", fl = {
+  input: bl
 }, G = ({
   value: e,
   onChange: n,
@@ -596,9 +596,9 @@ const ul = "_input_14n56_5", pl = {
   height: d,
   ariaLabel: u,
   config: h,
-  onBlur: f
+  onBlur: v
 }) => {
-  const v = l ?? (h == null ? void 0 : h.min) ?? 1, m = a ?? (h == null ? void 0 : h.max), g = o ?? (h == null ? void 0 : h.step) ?? 1, _ = c ?? (h == null ? void 0 : h.integer) ?? !1, w = r ?? (h == null ? void 0 : h.placeholder), L = s ?? (h == null ? void 0 : h.width), $ = d ?? (h == null ? void 0 : h.height), k = y(
+  const f = l ?? (h == null ? void 0 : h.min) ?? 1, m = a ?? (h == null ? void 0 : h.max), g = o ?? (h == null ? void 0 : h.step) ?? 1, _ = c ?? (h == null ? void 0 : h.integer) ?? !1, w = r ?? (h == null ? void 0 : h.placeholder), L = s ?? (h == null ? void 0 : h.width), $ = d ?? (h == null ? void 0 : h.height), k = y(
     (S) => {
       const b = S.target.value;
       if (b === "") {
@@ -606,21 +606,21 @@ const ul = "_input_14n56_5", pl = {
         return;
       }
       let x = Number.parseFloat(b);
-      Number.isNaN(x) || (_ && (x = Math.round(x)), v !== void 0 && x < v && (x = v), m !== void 0 && x > m && (x = m), n(x));
+      Number.isNaN(x) || (_ && (x = Math.round(x)), f !== void 0 && x < f && (x = f), m !== void 0 && x > m && (x = m), n(x));
     },
-    [n, v, m, _]
+    [n, f, m, _]
   ), I = {};
   return L !== void 0 && (I.width = `${L}px`), $ !== void 0 && (I.height = `${$}px`, I.paddingTop = 0, I.paddingBottom = 0), /* @__PURE__ */ t(
     "input",
     {
       type: "number",
-      className: pl.input,
+      className: fl.input,
       style: I,
       value: e ?? "",
       onChange: k,
-      onBlur: f,
+      onBlur: v,
       disabled: i,
-      min: v,
+      min: f,
       max: m,
       step: g,
       placeholder: w,
@@ -629,13 +629,13 @@ const ul = "_input_14n56_5", pl = {
   );
 };
 G.displayName = "NumberInput";
-const Et = ({
+const Mt = ({
   rgba: e,
   onChange: n,
   readOnly: i = !1
-}) => /* @__PURE__ */ p("div", { className: z.rgbaInputs, children: [
-  /* @__PURE__ */ p("div", { className: z.rgbaInputGroup, children: [
-    /* @__PURE__ */ t("span", { className: z.rgbaLabel, children: "R" }),
+}) => /* @__PURE__ */ p("div", { className: B.rgbaInputs, children: [
+  /* @__PURE__ */ p("div", { className: B.rgbaInputGroup, children: [
+    /* @__PURE__ */ t("span", { className: B.rgbaLabel, children: "R" }),
     /* @__PURE__ */ t(
       G,
       {
@@ -650,8 +650,8 @@ const Et = ({
       }
     )
   ] }),
-  /* @__PURE__ */ p("div", { className: z.rgbaInputGroup, children: [
-    /* @__PURE__ */ t("span", { className: z.rgbaLabel, children: "G" }),
+  /* @__PURE__ */ p("div", { className: B.rgbaInputGroup, children: [
+    /* @__PURE__ */ t("span", { className: B.rgbaLabel, children: "G" }),
     /* @__PURE__ */ t(
       G,
       {
@@ -666,8 +666,8 @@ const Et = ({
       }
     )
   ] }),
-  /* @__PURE__ */ p("div", { className: z.rgbaInputGroup, children: [
-    /* @__PURE__ */ t("span", { className: z.rgbaLabel, children: "B" }),
+  /* @__PURE__ */ p("div", { className: B.rgbaInputGroup, children: [
+    /* @__PURE__ */ t("span", { className: B.rgbaLabel, children: "B" }),
     /* @__PURE__ */ t(
       G,
       {
@@ -682,8 +682,8 @@ const Et = ({
       }
     )
   ] }),
-  /* @__PURE__ */ p("div", { className: z.rgbaInputGroup, children: [
-    /* @__PURE__ */ t("span", { className: z.rgbaLabel, children: "A" }),
+  /* @__PURE__ */ p("div", { className: B.rgbaInputGroup, children: [
+    /* @__PURE__ */ t("span", { className: B.rgbaLabel, children: "A" }),
     /* @__PURE__ */ t(
       G,
       {
@@ -699,8 +699,8 @@ const Et = ({
     )
   ] })
 ] });
-Et.displayName = "RGBAInputs";
-const At = ({
+Mt.displayName = "RGBAInputs";
+const Pt = ({
   isOpen: e,
   onClose: n,
   rgba: i,
@@ -709,8 +709,8 @@ const At = ({
   selectedColor: o,
   readOnly: c = !1
 }) => {
-  const r = ie(null);
-  return pe(() => {
+  const r = ae(null);
+  return me(() => {
     if (!e) return;
     const s = (d) => {
       r.current && !r.current.contains(d.target) && n();
@@ -721,25 +721,25 @@ const At = ({
   }, [e, n]), e ? /* @__PURE__ */ p(
     "div",
     {
-      className: z.popover,
+      className: B.popover,
       ref: r,
-      style: { zIndex: yt.DROPDOWN },
+      style: { zIndex: xt.DROPDOWN },
       children: [
         /* @__PURE__ */ t(
-          Tt,
+          At,
           {
             onColorSelect: a,
             selectedColor: o,
             readOnly: c
           }
         ),
-        /* @__PURE__ */ t(Et, { rgba: i, onChange: l, readOnly: c })
+        /* @__PURE__ */ t(Mt, { rgba: i, onChange: l, readOnly: c })
       ]
     }
   ) : null;
 };
-At.displayName = "ColorPickerPopover";
-const le = ({
+Pt.displayName = "ColorPickerPopover";
+const ie = ({
   value: e,
   onChange: n,
   readOnly: i = !1,
@@ -750,9 +750,9 @@ const le = ({
   height: r,
   config: s
 }) => {
-  const d = a ?? (s == null ? void 0 : s.allowUndefined) ?? !0, u = o ?? (d ? "未設定" : "#000000"), h = c ?? (s == null ? void 0 : s.width), f = r ?? (s == null ? void 0 : s.height), [v, m] = O(!1), g = ie(null), [_, w] = O(() => Le(e) ?? { r: 0, g: 0, b: 0, a: 1 });
-  pe(() => {
-    const E = Le(e);
+  const d = a ?? (s == null ? void 0 : s.allowUndefined) ?? !0, u = o ?? (d ? "未設定" : "#000000"), h = c ?? (s == null ? void 0 : s.width), v = r ?? (s == null ? void 0 : s.height), [f, m] = O(!1), g = ae(null), [_, w] = O(() => ke(e) ?? { r: 0, g: 0, b: 0, a: 1 });
+  me(() => {
+    const E = ke(e);
     E && w(E);
   }, [e]);
   const L = y(() => {
@@ -760,13 +760,13 @@ const le = ({
   }, [i]), [$, k] = O(
     e ? e.replace(/^#/, "") : ""
   );
-  pe(() => {
+  me(() => {
     k(e ? e.replace(/^#/, "") : "");
   }, [e]);
   const I = y(
     (E) => {
-      const B = E.target.value;
-      /^[0-9A-Fa-f]*$/.test(B) && k(B);
+      const z = E.target.value;
+      /^[0-9A-Fa-f]*$/.test(z) && k(z);
     },
     []
   ), S = y(
@@ -776,8 +776,8 @@ const le = ({
         return;
       }
       if (/^[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$/.test(E)) {
-        const B = `#${E}`, J = Le(B);
-        J && w(J), n(B);
+        const z = `#${E}`, J = ke(z);
+        J && w(J), n(z);
       } else
         k(e ? e.replace(/^#/, "") : "");
     },
@@ -795,43 +795,43 @@ const le = ({
   ), N = y(
     (E) => {
       if (E) {
-        const B = Le(E);
-        B && (w(B), k(E.replace(/^#/, "")));
+        const z = ke(E);
+        z && (w(z), k(E.replace(/^#/, "")));
       } else
         k("");
       n(E);
     },
     [n]
   ), C = y(
-    (E, B) => {
-      if (B === void 0) return;
-      const J = { ..._, [E]: B };
-      w(J), n(Jn(J));
+    (E, z) => {
+      if (z === void 0) return;
+      const J = { ..._, [E]: z };
+      w(J), n(el(J));
     },
     [_, n]
-  ), T = e ?? "未設定", D = {};
-  e && (D.background = e);
+  ), T = e ?? "未設定", P = {};
+  e && (P.background = e);
   const A = {};
-  return h !== void 0 ? A.width = `${h}px` : A.width = "100%", f !== void 0 && (A.height = `${f}px`), /* @__PURE__ */ p("div", { className: z.container, style: A, ref: g, children: [
+  return h !== void 0 ? A.width = `${h}px` : A.width = "100%", v !== void 0 && (A.height = `${v}px`), /* @__PURE__ */ p("div", { className: B.container, style: A, ref: g, children: [
     /* @__PURE__ */ t(
       "button",
       {
         type: "button",
-        className: z.colorButton,
+        className: B.colorButton,
         onClick: L,
         disabled: i,
         title: T,
         "aria-label": "カラーピッカーを開く",
-        style: D
+        style: P
       }
     ),
-    l && /* @__PURE__ */ p("div", { className: z.textInputWrapper, children: [
-      /* @__PURE__ */ t("span", { className: z.textInputPrefix, children: "#" }),
+    l && /* @__PURE__ */ p("div", { className: B.textInputWrapper, children: [
+      /* @__PURE__ */ t("span", { className: B.textInputPrefix, children: "#" }),
       /* @__PURE__ */ t(
         "input",
         {
           type: "text",
-          className: z.textInput,
+          className: B.textInput,
           value: $,
           onChange: I,
           onKeyDown: x,
@@ -843,9 +843,9 @@ const le = ({
       )
     ] }),
     /* @__PURE__ */ t(
-      At,
+      Pt,
       {
-        isOpen: v,
+        isOpen: f,
         onClose: () => m(!1),
         rgba: _,
         onRgbaChange: C,
@@ -856,47 +856,47 @@ const le = ({
     )
   ] });
 };
-le.displayName = "ColorPicker";
-const ml = "_container_1n9lj_5", bl = "_valueInput_1n9lj_23", vl = "_unitSelect_1n9lj_45", Fe = {
-  container: ml,
-  valueInput: bl,
-  unitSelect: vl
+ie.displayName = "ColorPicker";
+const vl = "_container_1n9lj_5", gl = "_valueInput_1n9lj_23", yl = "_unitSelect_1n9lj_45", je = {
+  container: vl,
+  valueInput: gl,
+  unitSelect: yl
 }, j = (e) => {
-  const { value: n, onChange: i, readOnly: l = !1, config: a } = e, o = e.allowedUnits ?? (a == null ? void 0 : a.allowedUnits), c = e.min ?? (a == null ? void 0 : a.min), r = e.max ?? (a == null ? void 0 : a.max), s = e.step ?? (a == null ? void 0 : a.step) ?? 1, d = e.placeholder ?? (a == null ? void 0 : a.placeholder), u = e.width ?? (a == null ? void 0 : a.width), h = e.height ?? (a == null ? void 0 : a.height), f = e.ariaLabel, v = (n == null ? void 0 : n.unit) ?? (o == null ? void 0 : o[0]), m = y(
+  const { value: n, onChange: i, readOnly: l = !1, config: a } = e, o = e.allowedUnits ?? (a == null ? void 0 : a.allowedUnits), c = e.min ?? (a == null ? void 0 : a.min), r = e.max ?? (a == null ? void 0 : a.max), s = e.step ?? (a == null ? void 0 : a.step) ?? 1, d = e.placeholder ?? (a == null ? void 0 : a.placeholder), u = e.width ?? (a == null ? void 0 : a.width), h = e.height ?? (a == null ? void 0 : a.height), v = e.ariaLabel, f = (n == null ? void 0 : n.unit) ?? (o == null ? void 0 : o[0]), m = y(
     (k) => {
-      const I = k.target.value, S = (n == null ? void 0 : n.unit) ?? v;
+      const I = k.target.value, S = (n == null ? void 0 : n.unit) ?? f;
       if (S === void 0) return;
       let b = Number.parseFloat(I);
       if (Number.isNaN(b)) return;
       const x = c ?? 1;
       b < x && (b = x), r !== void 0 && b > r && (b = r), i({ value: b, unit: S });
     },
-    [n, i, v, c, r]
+    [n, i, f, c, r]
   ), g = y(
     (k) => {
       const I = k.target.value;
       if (I === "") return;
-      const S = (n == null ? void 0 : n.unit) ?? v;
+      const S = (n == null ? void 0 : n.unit) ?? f;
       if (S === void 0) return;
       let b = Number.parseFloat(I);
       if (Number.isNaN(b)) return;
       const x = c ?? 1;
       b < x && (b = x, i({ value: b, unit: S })), r !== void 0 && b > r && (b = r, i({ value: b, unit: S }));
     },
-    [n, i, v, c, r]
+    [n, i, f, c, r]
   ), _ = y(
     (k) => {
       const I = k.target.value;
       i({ value: (n == null ? void 0 : n.value) ?? 1, unit: I });
     },
     [n, i]
-  ), w = (n == null ? void 0 : n.value) ?? "", L = (n == null ? void 0 : n.unit) ?? v ?? "", $ = {};
-  return u !== void 0 ? $.width = `${u}px` : $.width = "100%", h !== void 0 && ($.height = `${h}px`), /* @__PURE__ */ p("div", { className: Fe.container, style: $, children: [
+  ), w = (n == null ? void 0 : n.value) ?? "", L = (n == null ? void 0 : n.unit) ?? f ?? "", $ = {};
+  return u !== void 0 ? $.width = `${u}px` : $.width = "100%", h !== void 0 && ($.height = `${h}px`), /* @__PURE__ */ p("div", { className: je.container, style: $, children: [
     /* @__PURE__ */ t(
       "input",
       {
         type: "number",
-        className: Fe.valueInput,
+        className: je.valueInput,
         value: w,
         onChange: m,
         onBlur: g,
@@ -906,13 +906,13 @@ const ml = "_container_1n9lj_5", bl = "_valueInput_1n9lj_23", vl = "_unitSelect_
         step: s,
         readOnly: l,
         disabled: l,
-        "aria-label": f
+        "aria-label": v
       }
     ),
     /* @__PURE__ */ t(
       "select",
       {
-        className: Fe.unitSelect,
+        className: je.unitSelect,
         value: L,
         onChange: _,
         disabled: l || !o || o.length <= 1,
@@ -921,11 +921,11 @@ const ml = "_container_1n9lj_5", bl = "_valueInput_1n9lj_23", vl = "_unitSelect_
       }
     )
   ] });
-}, fl = "_container_14f2v_5", gl = "_select_14f2v_11", yl = "_placeholderOverlay_14f2v_44", je = {
-  container: fl,
-  select: gl,
-  placeholderOverlay: yl
-}, ge = (e) => {
+}, _l = "_container_14f2v_5", xl = "_select_14f2v_11", wl = "_placeholderOverlay_14f2v_44", Ue = {
+  container: _l,
+  select: xl,
+  placeholderOverlay: wl
+}, ye = (e) => {
   const { value: n, onChange: i, readOnly: l = !1, config: a } = e, o = e.options ?? (a == null ? void 0 : a.options) ?? [], c = e.placeholder ?? (a == null ? void 0 : a.placeholder) ?? "選択してください", r = e.width ?? (a == null ? void 0 : a.width), s = e.height ?? (a == null ? void 0 : a.height), d = e.allowEmpty ?? (a == null ? void 0 : a.allowEmpty) ?? !0, u = y(
     (g) => {
       const _ = g.target.value;
@@ -939,18 +939,18 @@ const ml = "_container_1n9lj_5", bl = "_valueInput_1n9lj_23", vl = "_unitSelect_
       }
     },
     [i, o]
-  ), h = n ?? "", f = n !== void 0 && n !== "", v = {};
-  r !== void 0 ? v.width = `${r}px` : v.width = "100%";
+  ), h = n ?? "", v = n !== void 0 && n !== "", f = {};
+  r !== void 0 ? f.width = `${r}px` : f.width = "100%";
   const m = {
     width: "100%",
     height: s ? `${s}px` : void 0
   };
-  return /* @__PURE__ */ p("div", { className: je.container, style: v, children: [
-    !f && /* @__PURE__ */ t("div", { className: je.placeholderOverlay, style: m, children: c }),
+  return /* @__PURE__ */ p("div", { className: Ue.container, style: f, children: [
+    !v && /* @__PURE__ */ t("div", { className: Ue.placeholderOverlay, style: m, children: c }),
     /* @__PURE__ */ p(
       "select",
       {
-        className: je.select,
+        className: Ue.select,
         style: m,
         value: h,
         onChange: u,
@@ -964,9 +964,9 @@ const ml = "_container_1n9lj_5", bl = "_valueInput_1n9lj_23", vl = "_unitSelect_
     )
   ] });
 };
-ge.displayName = "Dropdown";
-const _l = "_button_16snt_1", xl = {
-  button: _l
+ye.displayName = "Dropdown";
+const Nl = "_button_16snt_1", Cl = {
+  button: Nl
 }, Z = ({
   icon: e,
   label: n,
@@ -979,7 +979,7 @@ const _l = "_button_16snt_1", xl = {
   "button",
   {
     type: "button",
-    className: xl.button,
+    className: Cl.button,
     onMouseDown: c ? (r) => r.preventDefault() : void 0,
     onMouseEnter: l,
     onClick: i,
@@ -990,20 +990,20 @@ const _l = "_button_16snt_1", xl = {
   }
 );
 Z.displayName = "IconActionButton";
-const wl = "_container_ytzac_4", Nl = "_scrollArea_ytzac_21", Cl = "_emptyState_ytzac_29", Ue = {
-  container: wl,
-  scrollArea: Nl,
-  emptyState: Cl
-}, Mt = ({
+const Sl = "_container_ytzac_4", Il = "_scrollArea_ytzac_21", $l = "_emptyState_ytzac_29", Ve = {
+  container: Sl,
+  scrollArea: Il,
+  emptyState: $l
+}, Dt = ({
   children: e,
   emptyMessage: n,
   className: i
-}) => /* @__PURE__ */ t("div", { className: `${Ue.container} ${i || ""}`, children: e ? /* @__PURE__ */ t("div", { className: Ue.scrollArea, children: e }) : n && /* @__PURE__ */ t("div", { className: Ue.emptyState, children: n }) }), Sl = "_root_vttth_1", Il = "_list_vttth_9", $l = "_trigger_vttth_24", Ll = "_content_vttth_69", ze = {
-  root: Sl,
-  list: Il,
-  trigger: $l,
-  content: Ll
-}, We = gt(void 0), kl = ({
+}) => /* @__PURE__ */ t("div", { className: `${Ve.container} ${i || ""}`, children: e ? /* @__PURE__ */ t("div", { className: Ve.scrollArea, children: e }) : n && /* @__PURE__ */ t("div", { className: Ve.emptyState, children: n }) }), Ll = "_root_vttth_1", kl = "_list_vttth_9", Tl = "_trigger_vttth_24", El = "_content_vttth_69", Re = {
+  root: Ll,
+  list: kl,
+  trigger: Tl,
+  content: El
+}, We = _t(void 0), Al = ({
   defaultValue: e,
   value: n,
   onValueChange: i,
@@ -1014,28 +1014,28 @@ const wl = "_container_ytzac_4", Nl = "_scrollArea_ytzac_21", Cl = "_emptyState_
   const [c, r] = O(e), s = n ?? c, d = (u) => {
     r(u), i == null || i(u);
   };
-  return /* @__PURE__ */ t(We.Provider, { value: { value: s, onChange: d, variant: a }, children: /* @__PURE__ */ t("div", { className: `${ze.root} ${o}`, "data-variant": a, children: l }) });
-}, Tl = ({
+  return /* @__PURE__ */ t(We.Provider, { value: { value: s, onChange: d, variant: a }, children: /* @__PURE__ */ t("div", { className: `${Re.root} ${o}`, "data-variant": a, children: l }) });
+}, Ml = ({
   children: e,
   className: n = "",
   width: i,
   height: l,
   style: a
 }) => {
-  const o = Pe(We);
+  const o = ze(We);
   if (!o)
     throw new Error("TabsList must be used within a Tabs component");
   const { variant: c } = o, r = { ...a };
   return i !== void 0 && (r.width = `${i}px`), l !== void 0 && (r.height = `${l}px`), /* @__PURE__ */ t(
     "div",
     {
-      className: `${ze.list} ${n}`,
+      className: `${Re.list} ${n}`,
       "data-variant": c,
       style: r,
       children: e
     }
   );
-}, _e = ({
+}, xe = ({
   value: e,
   children: n,
   className: i = "",
@@ -1044,36 +1044,36 @@ const wl = "_container_ytzac_4", Nl = "_scrollArea_ytzac_21", Cl = "_emptyState_
   height: o,
   style: c
 }) => {
-  const r = Pe(We);
+  const r = ze(We);
   if (!r)
     throw new Error("TabsTrigger must be used within a Tabs component");
-  const { value: s, onChange: d, variant: u } = r, h = s === e, f = { ...c };
-  return a !== void 0 && (f.width = `${a}px`), o !== void 0 && (f.height = `${o}px`), /* @__PURE__ */ t(
+  const { value: s, onChange: d, variant: u } = r, h = s === e, v = { ...c };
+  return a !== void 0 && (v.width = `${a}px`), o !== void 0 && (v.height = `${o}px`), /* @__PURE__ */ t(
     "button",
     {
-      className: `${ze.trigger} ${i}`,
+      className: `${Re.trigger} ${i}`,
       "data-state": h ? "active" : "inactive",
       "data-variant": u,
       onClick: () => d(e),
       disabled: l,
       type: "button",
-      style: f,
+      style: v,
       children: n
     }
   );
-}, xe = ({
+}, we = ({
   value: e,
   children: n,
   className: i = ""
 }) => {
-  const l = Pe(We);
+  const l = ze(We);
   if (!l)
     throw new Error("TabsContent must be used within a Tabs component");
   const { value: a } = l;
-  return a !== e ? null : /* @__PURE__ */ t("div", { className: `${ze.content} ${i}`, children: n });
-}, El = "_input_jxjyc_5", Al = {
-  input: El
-}, Se = ({
+  return a !== e ? null : /* @__PURE__ */ t("div", { className: `${Re.content} ${i}`, children: n });
+}, Pl = "_input_jxjyc_5", Dl = {
+  input: Pl
+}, Ie = ({
   value: e,
   onChange: n,
   readOnly: i = !1,
@@ -1087,7 +1087,7 @@ const wl = "_container_ytzac_4", Nl = "_scrollArea_ytzac_21", Cl = "_emptyState_
   config: u,
   onBlur: h
 }) => {
-  const f = l ?? (u == null ? void 0 : u.placeholder), v = a ?? (u == null ? void 0 : u.maxLength), m = o ?? (u == null ? void 0 : u.multiline) ?? !1, g = c ?? (u == null ? void 0 : u.rows) ?? 3, _ = y(
+  const v = l ?? (u == null ? void 0 : u.placeholder), f = a ?? (u == null ? void 0 : u.maxLength), m = o ?? (u == null ? void 0 : u.multiline) ?? !1, g = c ?? (u == null ? void 0 : u.rows) ?? 3, _ = y(
     ($) => {
       n($.target.value);
     },
@@ -1095,19 +1095,19 @@ const wl = "_container_ytzac_4", Nl = "_scrollArea_ytzac_21", Cl = "_emptyState_
   ), w = {};
   r !== void 0 ? w.width = `${r}px` : w.width = "100%", s !== void 0 && (w.height = `${s}px`);
   const L = {
-    className: Al.input,
+    className: Dl.input,
     style: w,
     value: e ?? "",
     onChange: _,
     disabled: i,
-    placeholder: f,
-    maxLength: v,
+    placeholder: v,
+    maxLength: f,
     "aria-label": d
   };
   return m ? /* @__PURE__ */ t("textarea", { ...L, rows: g }) : /* @__PURE__ */ t("input", { ...L, type: "text", onBlur: h });
 };
-Se.displayName = "TextInput";
-const Ml = ({
+Ie.displayName = "TextInput";
+const zl = ({
   actionContext: e,
   onActionFeedback: n,
   onPrint: i
@@ -1115,16 +1115,16 @@ const Ml = ({
   const l = e.isEnabled("undo"), a = e.isEnabled("redo"), o = e.isEnabled("paste"), c = y(
     (r) => {
       e.execute(r);
-      const s = lt(r);
+      const s = it(r);
       s && (n == null || n(s));
     },
     [e, n]
   );
-  return /* @__PURE__ */ p(oe, { children: [
+  return /* @__PURE__ */ p(se, { children: [
     /* @__PURE__ */ t(
       Z,
       {
-        icon: /* @__PURE__ */ t(Xe, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ t(Qe, { "aria-hidden": "true" }),
         label: "元に戻す",
         title: "元に戻す (Ctrl+Z / Cmd+Z)",
         onClick: () => c("undo"),
@@ -1135,7 +1135,7 @@ const Ml = ({
     /* @__PURE__ */ t(
       Z,
       {
-        icon: /* @__PURE__ */ t(Qe, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ t(et, { "aria-hidden": "true" }),
         label: "やり直し",
         title: "やり直し (Ctrl+Y / Cmd+Y)",
         onClick: () => c("redo"),
@@ -1157,7 +1157,7 @@ const Ml = ({
     /* @__PURE__ */ t(
       Z,
       {
-        icon: /* @__PURE__ */ t(It, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ t(Lt, { "aria-hidden": "true" }),
         label: "印刷",
         title: "印刷 (Ctrl+P)",
         onClick: () => i ? i() : window.print(),
@@ -1166,8 +1166,8 @@ const Ml = ({
     )
   ] });
 };
-Ml.displayName = "CanvasActionSection";
-const ut = { value: 1, unit: "fr" }, Dl = ({
+zl.displayName = "CanvasActionSection";
+const pt = { value: 1, unit: "fr" }, Bl = ({
   grid: e,
   onGridChange: n
 }) => {
@@ -1175,36 +1175,36 @@ const ut = { value: 1, unit: "fr" }, Dl = ({
     (a) => {
       const o = parseInt(a.target.value, 10);
       if (!o || o < 1 || o > 100) return;
-      const c = _t(e), r = e.colCount, s = [...c];
+      const c = wt(e), r = e.colCount, s = [...c];
       if (o > r)
         for (let d = r; d < o; d++)
-          s.push({ ...ut });
+          s.push({ ...pt });
       else
         s.splice(o);
-      n({ ...e, ...xt(s) });
+      n({ ...e, ...Nt(s) });
     },
     [e, n]
   ), l = y(
     (a) => {
       const o = parseInt(a.target.value, 10);
       if (!o || o < 1 || o > 100) return;
-      const c = wt(e), r = e.rowCount, s = [...c];
+      const c = Ct(e), r = e.rowCount, s = [...c];
       if (o > r)
         for (let d = r; d < o; d++)
-          s.push({ ...ut });
+          s.push({ ...pt });
       else
         s.splice(o);
-      n({ ...e, ...Nt(s) });
+      n({ ...e, ...St(s) });
     },
     [e, n]
   );
-  return /* @__PURE__ */ p(oe, { children: [
-    /* @__PURE__ */ t("span", { className: P.sectionLabel, children: "列" }),
+  return /* @__PURE__ */ p(se, { children: [
+    /* @__PURE__ */ t("span", { className: D.sectionLabel, children: "列" }),
     /* @__PURE__ */ t(
       "input",
       {
         type: "number",
-        className: P.numberInput,
+        className: D.numberInput,
         value: e.colCount,
         min: 1,
         max: 100,
@@ -1213,12 +1213,12 @@ const ut = { value: 1, unit: "fr" }, Dl = ({
         title: "列数"
       }
     ),
-    /* @__PURE__ */ t("span", { className: P.sectionLabel, children: "行" }),
+    /* @__PURE__ */ t("span", { className: D.sectionLabel, children: "行" }),
     /* @__PURE__ */ t(
       "input",
       {
         type: "number",
-        className: P.numberInput,
+        className: D.numberInput,
         value: e.rowCount,
         min: 1,
         max: 100,
@@ -1229,8 +1229,8 @@ const ut = { value: 1, unit: "fr" }, Dl = ({
     )
   ] });
 };
-Dl.displayName = "GridSettingsSection";
-function ke(e, n) {
+Bl.displayName = "GridSettingsSection";
+function Te(e, n) {
   switch (n) {
     case "cm":
       return e / 10;
@@ -1240,60 +1240,60 @@ function ke(e, n) {
       return e;
   }
 }
-const Pl = [
+const Rl = [
   { value: F.A4, label: "A4" },
   { value: F.A3, label: "A3" },
   { value: F.B5, label: "B5" },
   { value: F.LETTER, label: "Letter" },
   { value: F.LEGAL, label: "Legal" },
   { value: F.CUSTOM, label: "カスタム" }
-], Bl = ({
+], Wl = ({
   paper: e,
   onPaperChange: n
 }) => {
   const i = e.size.preset === F.CUSTOM, l = e.autoHeight === !0, a = e.autoWidth === !0, o = y(
     (h) => {
-      const f = h.target.value;
-      f && n({
+      const v = h.target.value;
+      v && n({
         ...e,
-        size: { ...Ct[f] }
+        size: { ...It[v] }
       });
     },
     [e, n]
   ), c = y(
     ({ target: h }) => {
-      const f = Number(h.value);
-      if (!f || f <= 0) return;
-      const v = K.fromDim(e.margin.left) + K.fromDim(e.margin.right), m = ke(v, e.size.width.unit);
-      if (f < m) return;
+      const v = Number(h.value);
+      if (!v || v <= 0) return;
+      const f = K.fromDim(e.margin.left) + K.fromDim(e.margin.right), m = Te(f, e.size.width.unit);
+      if (v < m) return;
       const g = {
         ...e.size,
-        width: { ...e.size.width, value: f }
+        width: { ...e.size.width, value: v }
       };
       n({ ...e, size: g });
     },
     [e, n]
   ), r = y(
     ({ target: h }) => {
-      const f = Number(h.value);
-      if (!f || f <= 0) return;
-      const v = K.fromDim(e.margin.top) + K.fromDim(e.margin.bottom), m = ke(v, e.size.height.unit);
-      if (f < m) return;
+      const v = Number(h.value);
+      if (!v || v <= 0) return;
+      const f = K.fromDim(e.margin.top) + K.fromDim(e.margin.bottom), m = Te(f, e.size.height.unit);
+      if (v < m) return;
       const g = {
         ...e.size,
-        height: { ...e.size.height, value: f }
+        height: { ...e.size.height, value: v }
       };
       n({ ...e, size: g });
     },
     [e, n]
   ), s = y(
     ({ target: h }) => {
-      const f = h.value, v = {
+      const v = h.value, f = {
         ...e.size,
-        width: { ...e.size.width, unit: f },
-        height: { ...e.size.height, unit: f }
+        width: { ...e.size.width, unit: v },
+        height: { ...e.size.height, unit: v }
       };
-      n({ ...e, size: v });
+      n({ ...e, size: f });
     },
     [e, n]
   ), d = y(() => {
@@ -1301,24 +1301,24 @@ const Pl = [
   }, [e, l, n]), u = y(() => {
     n({ ...e, autoWidth: a ? void 0 : !0 });
   }, [e, a, n]);
-  return /* @__PURE__ */ p(oe, { children: [
-    /* @__PURE__ */ t("span", { className: P.sectionLabel, children: "用紙" }),
+  return /* @__PURE__ */ p(se, { children: [
+    /* @__PURE__ */ t("span", { className: D.sectionLabel, children: "用紙" }),
     /* @__PURE__ */ t(
       "select",
       {
-        className: P.select,
+        className: D.select,
         value: e.size.preset,
         onChange: o,
         "aria-label": "用紙サイズ",
         title: "用紙サイズ",
-        children: Pl.map((h) => /* @__PURE__ */ t("option", { value: h.value, children: h.label }, h.value))
+        children: Rl.map((h) => /* @__PURE__ */ t("option", { value: h.value, children: h.label }, h.value))
       }
     ),
-    /* @__PURE__ */ p("div", { className: P.heightModeSwitch, children: [
+    /* @__PURE__ */ p("div", { className: D.heightModeSwitch, children: [
       /* @__PURE__ */ t(
         "span",
         {
-          className: `${P.switchLabel} ${l ? "" : P.switchLabelActive}`,
+          className: `${D.switchLabel} ${l ? "" : D.switchLabelActive}`,
           children: "固定"
         }
       ),
@@ -1329,24 +1329,24 @@ const Pl = [
           role: "switch",
           "aria-checked": l,
           "aria-label": "高さモード",
-          className: P.toggle,
+          className: D.toggle,
           onClick: d,
-          children: /* @__PURE__ */ t("span", { className: P.thumb })
+          children: /* @__PURE__ */ t("span", { className: D.thumb })
         }
       ),
       /* @__PURE__ */ t(
         "span",
         {
-          className: `${P.switchLabel} ${l ? P.switchLabelActive : ""}`,
+          className: `${D.switchLabel} ${l ? D.switchLabelActive : ""}`,
           children: "自動"
         }
       )
     ] }),
-    /* @__PURE__ */ p("div", { className: P.heightModeSwitch, children: [
+    /* @__PURE__ */ p("div", { className: D.heightModeSwitch, children: [
       /* @__PURE__ */ t(
         "span",
         {
-          className: `${P.switchLabel} ${a ? "" : P.switchLabelActive}`,
+          className: `${D.switchLabel} ${a ? "" : D.switchLabelActive}`,
           children: "幅固定"
         }
       ),
@@ -1357,27 +1357,27 @@ const Pl = [
           role: "switch",
           "aria-checked": a,
           "aria-label": "幅モード",
-          className: P.toggle,
+          className: D.toggle,
           onClick: u,
-          children: /* @__PURE__ */ t("span", { className: P.thumb })
+          children: /* @__PURE__ */ t("span", { className: D.thumb })
         }
       ),
       /* @__PURE__ */ t(
         "span",
         {
-          className: `${P.switchLabel} ${a ? P.switchLabelActive : ""}`,
+          className: `${D.switchLabel} ${a ? D.switchLabelActive : ""}`,
           children: "幅自動"
         }
       )
     ] }),
-    i && /* @__PURE__ */ p(oe, { children: [
+    i && /* @__PURE__ */ p(se, { children: [
       /* @__PURE__ */ t(
         "input",
         {
           type: "number",
-          className: P.numberInput,
+          className: D.numberInput,
           value: e.size.width.value,
-          min: ke(
+          min: Te(
             K.fromDim(e.margin.left) + K.fromDim(e.margin.right),
             e.size.width.unit
           ),
@@ -1388,14 +1388,14 @@ const Pl = [
           title: "幅"
         }
       ),
-      /* @__PURE__ */ t("span", { className: P.sectionLabel, children: "×" }),
+      /* @__PURE__ */ t("span", { className: D.sectionLabel, children: "×" }),
       /* @__PURE__ */ t(
         "input",
         {
           type: "number",
-          className: P.numberInput,
+          className: D.numberInput,
           value: e.size.height.value,
-          min: ke(
+          min: Te(
             K.fromDim(e.margin.top) + K.fromDim(e.margin.bottom),
             e.size.height.unit
           ),
@@ -1409,7 +1409,7 @@ const Pl = [
       /* @__PURE__ */ p(
         "select",
         {
-          className: P.select,
+          className: D.select,
           value: e.size.width.unit,
           onChange: s,
           "aria-label": "用紙単位",
@@ -1424,8 +1424,8 @@ const Pl = [
     ] })
   ] });
 };
-Bl.displayName = "PaperSettingsSection";
-function ne(e, n, i) {
+Wl.displayName = "PaperSettingsSection";
+function le(e, n, i) {
   const l = n.split("."), a = (o, c) => {
     const r = l[c];
     if (c === l.length - 1) {
@@ -1459,7 +1459,7 @@ function Y(e, n) {
     (c) => i(c, l) === a
   ) ? a : void 0;
 }
-function zl(e, n, i) {
+function Ol(e, n, i) {
   var o, c;
   if (!e) return [];
   const l = [], a = [
@@ -1475,9 +1475,9 @@ function zl(e, n, i) {
     },
     { key: "left", style: e.left, x1: 0, y1: 0, x2: 0, y2: i }
   ];
-  for (const { key: r, style: s, x1: d, y1: u, x2: h, y2: f } of a) {
+  for (const { key: r, style: s, x1: d, y1: u, x2: h, y2: v } of a) {
     if (!(s != null && s.type)) continue;
-    const v = ((o = s.width) == null ? void 0 : o.unit) === "px" ? s.width.value : ((c = s.width) == null ? void 0 : c.value) ?? 1, m = s.type === he.DASHED ? "8 4" : s.type === he.DOTTED ? "2 4" : void 0;
+    const f = ((o = s.width) == null ? void 0 : o.unit) === "px" ? s.width.value : ((c = s.width) == null ? void 0 : c.value) ?? 1, m = s.type === ue.DASHED ? "8 4" : s.type === ue.DOTTED ? "2 4" : void 0;
     l.push(
       /* @__PURE__ */ t(
         "line",
@@ -1485,9 +1485,9 @@ function zl(e, n, i) {
           x1: d,
           y1: u,
           x2: h,
-          y2: f,
+          y2: v,
           stroke: s.color ?? "#000",
-          strokeWidth: v,
+          strokeWidth: f,
           strokeDasharray: m
         },
         r
@@ -1496,67 +1496,67 @@ function zl(e, n, i) {
   }
   return l;
 }
-const it = ({
+const at = ({
   selectedBlocks: e,
   onUpdateBlocks: n
 }) => {
   const i = (u) => {
     const h = {};
-    for (const f of e)
-      h[f.id] = { style: { ...f.style, backgroundColor: u } };
+    for (const v of e)
+      h[v.id] = { style: { ...v.style, backgroundColor: u } };
     n(h);
-  }, l = (u, h, f) => {
+  }, l = (u, h, v) => {
     var g, _, w;
-    const v = {}, m = u === "all" ? ["top", "right", "bottom", "left"] : [u];
+    const f = {}, m = u === "all" ? ["top", "right", "bottom", "left"] : [u];
     for (const L of e) {
       let $ = L.style || {};
       for (const k of m) {
-        if ($ = ne($, `border.${k}.${h}`, f), h === "type" && f == null && ($ = ne($, `border.${k}.width`, null), $ = ne($, `border.${k}.color`, null)), h === "type" && f !== void 0 && f !== null) {
+        if ($ = le($, `border.${k}.${h}`, v), h === "type" && v == null && ($ = le($, `border.${k}.width`, null), $ = le($, `border.${k}.color`, null)), h === "type" && v !== void 0 && v !== null) {
           const I = (g = L.style) == null ? void 0 : g.border, S = I == null ? void 0 : I[k];
-          S != null && S.width || ($ = ne($, `border.${k}.width`, {
+          S != null && S.width || ($ = le($, `border.${k}.width`, {
             value: 1,
             unit: "px"
-          })), S != null && S.color || ($ = ne($, `border.${k}.color`, "#000000"));
+          })), S != null && S.color || ($ = le($, `border.${k}.color`, "#000000"));
         }
-        if (h === "color" && f !== void 0 && f !== null) {
+        if (h === "color" && v !== void 0 && v !== null) {
           const I = (_ = L.style) == null ? void 0 : _.border, S = I == null ? void 0 : I[k];
-          S != null && S.type || ($ = ne(
+          S != null && S.type || ($ = le(
             $,
             `border.${k}.type`,
-            he.SOLID
-          )), S != null && S.width || ($ = ne($, `border.${k}.width`, {
+            ue.SOLID
+          )), S != null && S.width || ($ = le($, `border.${k}.width`, {
             value: 1,
             unit: "px"
           }));
         }
-        if (h === "width" && f !== void 0 && f !== null) {
+        if (h === "width" && v !== void 0 && v !== null) {
           const I = (w = L.style) == null ? void 0 : w.border, S = I == null ? void 0 : I[k];
-          S != null && S.type || ($ = ne(
+          S != null && S.type || ($ = le(
             $,
             `border.${k}.type`,
-            he.SOLID
-          )), S != null && S.color || ($ = ne($, `border.${k}.color`, "#000000"));
+            ue.SOLID
+          )), S != null && S.color || ($ = le($, `border.${k}.color`, "#000000"));
         }
       }
-      v[L.id] = { style: $ };
+      f[L.id] = { style: $ };
     }
-    n(v);
+    n(f);
   }, a = Y(
     e,
     "style.backgroundColor"
-  ), o = te(() => {
+  ), o = ne(() => {
     var h;
     if (e.length !== 1) return;
     const u = e[0];
     return (h = u == null ? void 0 : u.style) == null ? void 0 : h.border;
-  }, [e]), c = te(
-    () => zl(o, 80, 80),
+  }, [e]), c = ne(
+    () => Ol(o, 80, 80),
     [o]
   );
   if (e.length === 0) return null;
   const r = (u) => u === "all" ? "top" : u, s = (u) => /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
     /* @__PURE__ */ t(
-      ge,
+      ye,
       {
         value: Y(
           e,
@@ -1567,9 +1567,9 @@ const it = ({
         height: 24,
         options: [
           { label: "", value: null },
-          { label: "実線", value: he.SOLID },
-          { label: "破線", value: he.DASHED },
-          { label: "点線", value: he.DOTTED }
+          { label: "実線", value: ue.SOLID },
+          { label: "破線", value: ue.DASHED },
+          { label: "点線", value: ue.DOTTED }
         ]
       }
     ),
@@ -1583,12 +1583,12 @@ const it = ({
         onChange: (h) => l(u, "width", h),
         placeholder: "太さ",
         height: 24,
-        allowedUnits: on,
+        allowedUnits: rn,
         min: 1
       }
     ),
     /* @__PURE__ */ t(
-      le,
+      ie,
       {
         value: Y(
           e,
@@ -1738,7 +1738,7 @@ const it = ({
           }
         ),
         /* @__PURE__ */ t(
-          le,
+          ie,
           {
             value: a,
             onChange: (u) => i(u),
@@ -1746,34 +1746,34 @@ const it = ({
             allowUndefined: !0
           }
         ),
-        /* @__PURE__ */ t("div", { style: { minWidth: 0 }, children: /* @__PURE__ */ p(kl, { defaultValue: "all", variant: "segmented", children: [
-          /* @__PURE__ */ t("div", { style: { width: "100%" }, children: /* @__PURE__ */ p(Tl, { style: { width: "100%", display: "flex" }, children: [
-            /* @__PURE__ */ t(_e, { value: "all", height: 24, style: d, children: "共通" }),
-            /* @__PURE__ */ t(_e, { value: "top", height: 24, style: d, children: "上" }),
-            /* @__PURE__ */ t(_e, { value: "bottom", height: 24, style: d, children: "下" }),
-            /* @__PURE__ */ t(_e, { value: "left", height: 24, style: d, children: "左" }),
-            /* @__PURE__ */ t(_e, { value: "right", height: 24, style: d, children: "右" })
+        /* @__PURE__ */ t("div", { style: { minWidth: 0 }, children: /* @__PURE__ */ p(Al, { defaultValue: "all", variant: "segmented", children: [
+          /* @__PURE__ */ t("div", { style: { width: "100%" }, children: /* @__PURE__ */ p(Ml, { style: { width: "100%", display: "flex" }, children: [
+            /* @__PURE__ */ t(xe, { value: "all", height: 24, style: d, children: "共通" }),
+            /* @__PURE__ */ t(xe, { value: "top", height: 24, style: d, children: "上" }),
+            /* @__PURE__ */ t(xe, { value: "bottom", height: 24, style: d, children: "下" }),
+            /* @__PURE__ */ t(xe, { value: "left", height: 24, style: d, children: "左" }),
+            /* @__PURE__ */ t(xe, { value: "right", height: 24, style: d, children: "右" })
           ] }) }),
           /* @__PURE__ */ p("div", { style: { marginTop: "4px" }, children: [
-            /* @__PURE__ */ t(xe, { value: "all", children: s("all") }),
-            /* @__PURE__ */ t(xe, { value: "top", children: s("top") }),
-            /* @__PURE__ */ t(xe, { value: "bottom", children: s("bottom") }),
-            /* @__PURE__ */ t(xe, { value: "left", children: s("left") }),
-            /* @__PURE__ */ t(xe, { value: "right", children: s("right") })
+            /* @__PURE__ */ t(we, { value: "all", children: s("all") }),
+            /* @__PURE__ */ t(we, { value: "top", children: s("top") }),
+            /* @__PURE__ */ t(we, { value: "bottom", children: s("bottom") }),
+            /* @__PURE__ */ t(we, { value: "left", children: s("left") }),
+            /* @__PURE__ */ t(we, { value: "right", children: s("right") })
           ] })
         ] }) })
       ]
     }
   );
 };
-it.displayName = "BackgroundBorderPanel";
-const Wl = "_container_1gf2q_1", Rl = "_grid_1gf2q_9", Ol = "_field_1gf2q_15", Fl = "_label_1gf2q_22", jl = "_inputWrapper_1gf2q_32", q = {
-  container: Wl,
-  grid: Rl,
-  field: Ol,
-  label: Fl,
-  inputWrapper: jl
-}, at = ({
+at.displayName = "BackgroundBorderPanel";
+const Fl = "_container_1gf2q_1", jl = "_grid_1gf2q_9", Ul = "_field_1gf2q_15", Vl = "_label_1gf2q_22", ql = "_inputWrapper_1gf2q_32", q = {
+  container: Fl,
+  grid: jl,
+  field: Ul,
+  label: Vl,
+  inputWrapper: ql
+}, ot = ({
   selectedBlocks: e,
   onUpdateBlocks: n,
   gridSize: i
@@ -1787,11 +1787,11 @@ const Wl = "_container_1gf2q_1", Rl = "_grid_1gf2q_9", Ol = "_field_1gf2q_15", F
       if (u === void 0) return;
       const h = Math.max(
         ...e.map((w) => w.layout.x + w.layout.w)
-      ), f = Math.max(
+      ), v = Math.max(
         ...e.map((w) => w.layout.y + w.layout.h)
-      ), v = h - (a ?? 0), m = f - (o ?? 0);
+      ), f = h - (a ?? 0), m = v - (o ?? 0);
       let g = s;
-      r === "x" && i ? g = Math.max(0, Math.min(s, i.cols - v)) : r === "y" && i ? g = Math.max(0, Math.min(s, i.rows - m)) : g = Math.max(0, s);
+      r === "x" && i ? g = Math.max(0, Math.min(s, i.cols - f)) : r === "y" && i ? g = Math.max(0, Math.min(s, i.rows - m)) : g = Math.max(0, s);
       const _ = g - u;
       e.forEach((w) => {
         const L = w.layout[r] + _;
@@ -1805,16 +1805,16 @@ const Wl = "_container_1gf2q_1", Rl = "_grid_1gf2q_9", Ol = "_field_1gf2q_15", F
         else if (r === "y" && i)
           h = Math.max(0, Math.min(s, i.rows - u.layout.h));
         else if (r === "w" && i) {
-          const f = i.cols - u.layout.x;
-          h = Math.max(1, Math.min(s, f));
+          const v = i.cols - u.layout.x;
+          h = Math.max(1, Math.min(s, v));
         } else if (r === "h" && i) {
-          const f = i.rows - u.layout.y;
-          h = Math.max(1, Math.min(s, f));
+          const v = i.rows - u.layout.y;
+          h = Math.max(1, Math.min(s, v));
         } else r === "w" || r === "h" ? h = Math.max(1, s) : h = Math.max(0, s);
         d[u.id] = { layout: { ...u.layout, [r]: h } };
       });
     n(d, {
-      mergeKey: sn(
+      mergeKey: cn(
         r,
         e.map((u) => u.id)
       )
@@ -1883,19 +1883,19 @@ const Wl = "_container_1gf2q_1", Rl = "_grid_1gf2q_9", Ol = "_field_1gf2q_15", F
     ] })
   ] }) });
 };
-at.displayName = "LayoutPanel";
-const Ul = "_group_xhfvf_1", Vl = "_btn_xhfvf_13", ql = "_active_xhfvf_46", Ve = {
-  group: Ul,
-  btn: Vl,
-  active: ql
-}, Ze = fe(
-  ({ options: e, current: n, onChange: i }) => /* @__PURE__ */ t("fieldset", { className: Ve.group, children: e.map((l) => {
+ot.displayName = "LayoutPanel";
+const Gl = "_group_xhfvf_1", Hl = "_btn_xhfvf_13", Kl = "_active_xhfvf_46", qe = {
+  group: Gl,
+  btn: Hl,
+  active: Kl
+}, Ye = ge(
+  ({ options: e, current: n, onChange: i }) => /* @__PURE__ */ t("fieldset", { className: qe.group, children: e.map((l) => {
     const a = n === l.value;
     return /* @__PURE__ */ t(
       "button",
       {
         type: "button",
-        className: [Ve.btn, a ? Ve.active : ""].filter(Boolean).join(" "),
+        className: [qe.btn, a ? qe.active : ""].filter(Boolean).join(" "),
         title: l.label,
         "aria-label": l.label,
         "aria-pressed": a,
@@ -1906,31 +1906,31 @@ const Ul = "_group_xhfvf_1", Vl = "_btn_xhfvf_13", ql = "_active_xhfvf_46", Ve =
     );
   }) })
 );
-Ze.displayName = "AlignmentToggle";
-const se = rn.defaultProps.styleConfig, re = {
+Ye.displayName = "AlignmentToggle";
+const re = dn.defaultProps.styleConfig, ce = {
   fontSize: 11,
   color: "#888",
   whiteSpace: "nowrap",
   width: 62,
   flexShrink: 0
-}, ce = {
+}, de = {
   display: "flex",
   gap: 4,
   alignItems: "center"
-}, Dt = ({
+}, zt = ({
   value: e,
   onChange: n,
   readOnly: i = !1
 }) => {
-  const l = te(
+  const l = ne(
     () => ({
-      checkboxSize: (e == null ? void 0 : e.checkboxSize) ?? se.checkboxSize,
-      borderWidth: (e == null ? void 0 : e.borderWidth) ?? se.borderWidth,
-      borderColor: (e == null ? void 0 : e.borderColor) ?? se.borderColor,
-      checkWidth: (e == null ? void 0 : e.checkWidth) ?? se.checkWidth,
-      checkColor: (e == null ? void 0 : e.checkColor) ?? se.checkColor,
-      backgroundColor: (e == null ? void 0 : e.backgroundColor) ?? se.backgroundColor,
-      checkedBackgroundColor: (e == null ? void 0 : e.checkedBackgroundColor) ?? se.checkedBackgroundColor
+      checkboxSize: (e == null ? void 0 : e.checkboxSize) ?? re.checkboxSize,
+      borderWidth: (e == null ? void 0 : e.borderWidth) ?? re.borderWidth,
+      borderColor: (e == null ? void 0 : e.borderColor) ?? re.borderColor,
+      checkWidth: (e == null ? void 0 : e.checkWidth) ?? re.checkWidth,
+      checkColor: (e == null ? void 0 : e.checkColor) ?? re.checkColor,
+      backgroundColor: (e == null ? void 0 : e.backgroundColor) ?? re.backgroundColor,
+      checkedBackgroundColor: (e == null ? void 0 : e.checkedBackgroundColor) ?? re.checkedBackgroundColor
     }),
     [e]
   ), a = y(
@@ -1954,12 +1954,12 @@ const se = rn.defaultProps.styleConfig, re = {
         },
         children: [!1, !0].map((o) => /* @__PURE__ */ p("div", { style: { textAlign: "center" }, children: [
           /* @__PURE__ */ t("div", { style: { fontSize: 11, color: "#888", marginBottom: 4 }, children: o ? "チェック" : "未チェック" }),
-          /* @__PURE__ */ t("div", { style: { width: 24, height: 24 }, children: /* @__PURE__ */ t(cn, { checked: o, styleConfig: l }) })
+          /* @__PURE__ */ t("div", { style: { width: 24, height: 24 }, children: /* @__PURE__ */ t(hn, { checked: o, styleConfig: l }) })
         ] }, String(o)))
       }
     ),
-    /* @__PURE__ */ p("div", { style: ce, children: [
-      /* @__PURE__ */ t("span", { style: re, children: "サイズ" }),
+    /* @__PURE__ */ p("div", { style: de, children: [
+      /* @__PURE__ */ t("span", { style: ce, children: "サイズ" }),
       /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ t(
         j,
         {
@@ -1971,8 +1971,8 @@ const se = rn.defaultProps.styleConfig, re = {
         }
       ) })
     ] }),
-    /* @__PURE__ */ p("div", { style: ce, children: [
-      /* @__PURE__ */ t("span", { style: re, children: "枠線 幅" }),
+    /* @__PURE__ */ p("div", { style: de, children: [
+      /* @__PURE__ */ t("span", { style: ce, children: "枠線 幅" }),
       /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ t(
         j,
         {
@@ -1984,10 +1984,10 @@ const se = rn.defaultProps.styleConfig, re = {
         }
       ) })
     ] }),
-    /* @__PURE__ */ p("div", { style: ce, children: [
-      /* @__PURE__ */ t("span", { style: re, children: "枠線 色" }),
+    /* @__PURE__ */ p("div", { style: de, children: [
+      /* @__PURE__ */ t("span", { style: ce, children: "枠線 色" }),
       /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ t(
-        le,
+        ie,
         {
           value: l.borderColor,
           onChange: (o) => a("borderColor", o),
@@ -1996,8 +1996,8 @@ const se = rn.defaultProps.styleConfig, re = {
         }
       ) })
     ] }),
-    /* @__PURE__ */ p("div", { style: ce, children: [
-      /* @__PURE__ */ t("span", { style: re, children: "チェック 幅" }),
+    /* @__PURE__ */ p("div", { style: de, children: [
+      /* @__PURE__ */ t("span", { style: ce, children: "チェック 幅" }),
       /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ t(
         j,
         {
@@ -2009,10 +2009,10 @@ const se = rn.defaultProps.styleConfig, re = {
         }
       ) })
     ] }),
-    /* @__PURE__ */ p("div", { style: ce, children: [
-      /* @__PURE__ */ t("span", { style: re, children: "チェック 色" }),
+    /* @__PURE__ */ p("div", { style: de, children: [
+      /* @__PURE__ */ t("span", { style: ce, children: "チェック 色" }),
       /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ t(
-        le,
+        ie,
         {
           value: l.checkColor,
           onChange: (o) => a("checkColor", o),
@@ -2021,10 +2021,10 @@ const se = rn.defaultProps.styleConfig, re = {
         }
       ) })
     ] }),
-    /* @__PURE__ */ p("div", { style: ce, children: [
-      /* @__PURE__ */ t("span", { style: re, children: "背景色" }),
+    /* @__PURE__ */ p("div", { style: de, children: [
+      /* @__PURE__ */ t("span", { style: ce, children: "背景色" }),
       /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ t(
-        le,
+        ie,
         {
           value: l.backgroundColor,
           onChange: (o) => a("backgroundColor", o),
@@ -2033,10 +2033,10 @@ const se = rn.defaultProps.styleConfig, re = {
         }
       ) })
     ] }),
-    /* @__PURE__ */ p("div", { style: ce, children: [
-      /* @__PURE__ */ t("span", { style: re, children: "チェック時 背景色" }),
+    /* @__PURE__ */ p("div", { style: de, children: [
+      /* @__PURE__ */ t("span", { style: ce, children: "チェック時 背景色" }),
       /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ t(
-        le,
+        ie,
         {
           value: l.checkedBackgroundColor,
           onChange: (o) => a("checkedBackgroundColor", o),
@@ -2048,37 +2048,37 @@ const se = rn.defaultProps.styleConfig, re = {
     ] })
   ] });
 };
-Dt.displayName = "CheckboxStyleEditor";
-const Gl = "_group_1uyid_1", Hl = "_btn_1uyid_13", Kl = "_active_1uyid_46", Zl = "_iconBold_1uyid_52", Yl = "_iconItalic_1uyid_59", Jl = "_iconUnderline_1uyid_66", Xl = "_iconLineThrough_1uyid_73", ue = {
-  group: Gl,
-  btn: Hl,
-  active: Kl,
-  iconBold: Zl,
-  iconItalic: Yl,
-  iconUnderline: Jl,
-  iconLineThrough: Xl
-}, Ql = [
+zt.displayName = "CheckboxStyleEditor";
+const Zl = "_group_1uyid_1", Yl = "_btn_1uyid_13", Jl = "_active_1uyid_46", Xl = "_iconBold_1uyid_52", Ql = "_iconItalic_1uyid_59", ei = "_iconUnderline_1uyid_66", ti = "_iconLineThrough_1uyid_73", pe = {
+  group: Zl,
+  btn: Yl,
+  active: Jl,
+  iconBold: Xl,
+  iconItalic: Ql,
+  iconUnderline: ei,
+  iconLineThrough: ti
+}, ni = [
   {
     key: "fontWeight",
     label: "太字",
-    icon: /* @__PURE__ */ t("span", { className: ue.iconBold, "aria-hidden": "true", children: "B" })
+    icon: /* @__PURE__ */ t("span", { className: pe.iconBold, "aria-hidden": "true", children: "B" })
   },
   {
     key: "italic",
     label: "斜体",
-    icon: /* @__PURE__ */ t("span", { className: ue.iconItalic, "aria-hidden": "true", children: "I" })
+    icon: /* @__PURE__ */ t("span", { className: pe.iconItalic, "aria-hidden": "true", children: "I" })
   },
   {
     key: "underline",
     label: "下線",
-    icon: /* @__PURE__ */ t("span", { className: ue.iconUnderline, "aria-hidden": "true", children: "U" })
+    icon: /* @__PURE__ */ t("span", { className: pe.iconUnderline, "aria-hidden": "true", children: "U" })
   },
   {
     key: "lineThrough",
     label: "取り消し線",
-    icon: /* @__PURE__ */ t("span", { className: ue.iconLineThrough, "aria-hidden": "true", children: "S" })
+    icon: /* @__PURE__ */ t("span", { className: pe.iconLineThrough, "aria-hidden": "true", children: "S" })
   }
-], Pt = ({
+], Bt = ({
   value: e,
   onChange: n,
   readOnly: i = !1
@@ -2086,13 +2086,13 @@ const Gl = "_group_1uyid_1", Hl = "_btn_1uyid_13", Kl = "_active_1uyid_46", Zl =
   const l = e ?? {}, a = (o) => {
     i || n({ ...l, [o]: !l[o] });
   };
-  return /* @__PURE__ */ t("fieldset", { className: ue.group, children: Ql.map(({ key: o, label: c, icon: r }) => {
+  return /* @__PURE__ */ t("fieldset", { className: pe.group, children: ni.map(({ key: o, label: c, icon: r }) => {
     const s = !!l[o];
     return /* @__PURE__ */ t(
       "button",
       {
         type: "button",
-        className: [ue.btn, s ? ue.active : ""].filter(Boolean).join(" "),
+        className: [pe.btn, s ? pe.active : ""].filter(Boolean).join(" "),
         title: c,
         "aria-label": c,
         "aria-pressed": s,
@@ -2104,19 +2104,19 @@ const Gl = "_group_1uyid_1", Hl = "_btn_1uyid_13", Kl = "_active_1uyid_46", Zl =
     );
   }) });
 };
-Pt.displayName = "FontDecorationToggle";
-const ei = "_root_12n4v_6", ti = "_fontFamilyCell_12n4v_13", ni = "_fontSizeCell_12n4v_14", li = "_colorCell_12n4v_15", we = {
-  root: ei,
-  fontFamilyCell: ti,
-  fontSizeCell: ni,
-  colorCell: li
-}, ii = [
+Bt.displayName = "FontDecorationToggle";
+const li = "_root_12n4v_6", ii = "_fontFamilyCell_12n4v_13", ai = "_fontSizeCell_12n4v_14", oi = "_colorCell_12n4v_15", Ne = {
+  root: li,
+  fontFamilyCell: ii,
+  fontSizeCell: ai,
+  colorCell: oi
+}, si = [
   { label: "ゴシック体", value: "sans-serif" },
   { label: "明朝体", value: "serif" },
   { label: "等幅", value: "monospace" },
   { label: "Arial", value: "Arial, sans-serif" },
   { label: "Times New Roman", value: "'Times New Roman', serif" }
-], Bt = ({
+], Rt = ({
   value: e,
   onChange: n,
   readOnly: i = !1
@@ -2145,28 +2145,28 @@ const ei = "_root_12n4v_6", ti = "_fontFamilyCell_12n4v_13", ni = "_fontSizeCell
     underline: l.underline,
     lineThrough: l.lineThrough
   };
-  return /* @__PURE__ */ p("div", { className: we.root, children: [
-    /* @__PURE__ */ t("div", { className: we.fontFamilyCell, children: /* @__PURE__ */ t(
-      ge,
+  return /* @__PURE__ */ p("div", { className: Ne.root, children: [
+    /* @__PURE__ */ t("div", { className: Ne.fontFamilyCell, children: /* @__PURE__ */ t(
+      ye,
       {
         value: l.fontFamily,
         onChange: a,
         readOnly: i,
-        options: ii,
+        options: si,
         placeholder: "フォント"
       }
     ) }),
-    /* @__PURE__ */ t("div", { className: we.fontSizeCell, children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t("div", { className: Ne.fontSizeCell, children: /* @__PURE__ */ t(
       j,
       {
         value: l.fontSize,
         onChange: o,
         readOnly: i,
-        config: { allowedUnits: dn, min: 1, step: 1 }
+        config: { allowedUnits: un, min: 1, step: 1 }
       }
     ) }),
-    /* @__PURE__ */ t("div", { className: we.colorCell, children: /* @__PURE__ */ t(
-      le,
+    /* @__PURE__ */ t("div", { className: Ne.colorCell, children: /* @__PURE__ */ t(
+      ie,
       {
         value: l.color,
         onChange: c,
@@ -2174,8 +2174,8 @@ const ei = "_root_12n4v_6", ti = "_fontFamilyCell_12n4v_13", ni = "_fontSizeCell
         allowUndefined: !0
       }
     ) }),
-    /* @__PURE__ */ t("div", { className: we.decorationCell, children: /* @__PURE__ */ t(
-      Pt,
+    /* @__PURE__ */ t("div", { className: Ne.decorationCell, children: /* @__PURE__ */ t(
+      Bt,
       {
         value: s,
         onChange: r,
@@ -2184,64 +2184,64 @@ const ei = "_root_12n4v_6", ti = "_fontFamilyCell_12n4v_13", ni = "_fontSizeCell
     ) })
   ] });
 };
-Bt.displayName = "FontStyleEditor";
-const zt = ({
+Rt.displayName = "FontStyleEditor";
+const Wt = ({
   value: e,
   onChange: n,
   readOnly: i = !1
 }) => {
-  const l = e.options ?? [], a = an(), o = te(() => {
-    const v = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Set();
+  const l = e.options ?? [], a = sn(), o = ne(() => {
+    const f = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Set();
     for (const [g, _] of l.entries())
-      v.has(_.value) ? (m.add(v.get(_.value)), m.add(g)) : v.set(_.value, g);
+      f.has(_.value) ? (m.add(f.get(_.value)), m.add(g)) : f.set(_.value, g);
     return m;
   }, [l]), c = y(() => {
-    const v = {
+    const f = {
       label: `選択肢${l.length + 1}`,
       value: `option${l.length + 1}`
     };
-    n({ ...e, options: [...l, v] });
+    n({ ...e, options: [...l, f] });
   }, [l, e, n]), r = y(
-    (v) => {
-      n({ ...e, options: l.filter((m, g) => g !== v) });
+    (f) => {
+      n({ ...e, options: l.filter((m, g) => g !== f) });
     },
     [l, e, n]
   ), s = y(
-    (v, m) => {
+    (f, m) => {
       n({
         ...e,
         options: l.map(
-          (g, _) => _ === v ? { ...g, label: m } : g
+          (g, _) => _ === f ? { ...g, label: m } : g
         )
       });
     },
     [l, e, n]
   ), d = y(
-    (v, m) => {
+    (f, m) => {
       n({
         ...e,
         options: l.map(
-          (g, _) => _ === v ? { ...g, value: m } : g
+          (g, _) => _ === f ? { ...g, value: m } : g
         )
       });
     },
     [l, e, n]
   ), u = y(
-    (v, m) => {
+    (f, m) => {
       n({
         ...e,
         options: l.map(
-          (g, _) => _ === v ? { ...g, color: m } : g
+          (g, _) => _ === f ? { ...g, color: m } : g
         )
       });
     },
     [l, e, n]
   ), h = y(
-    (v) => {
-      n({ ...e, allowEmpty: v });
+    (f) => {
+      n({ ...e, allowEmpty: f });
     },
     [e, n]
-  ), f = {
+  ), v = {
     padding: "4px 8px",
     border: "1px solid #ccc",
     borderRadius: 4,
@@ -2252,10 +2252,10 @@ const zt = ({
   };
   return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
     /* @__PURE__ */ t(
-      ae,
+      oe,
       {
         value: e.allowEmpty ?? !0,
-        onChange: (v) => h(v ?? !0),
+        onChange: (f) => h(f ?? !0),
         label: "空選択を許可",
         readOnly: i
       }
@@ -2270,7 +2270,7 @@ const zt = ({
           maxHeight: 300,
           overflowY: "auto"
         },
-        children: l.map((v, m) => /* @__PURE__ */ p(
+        children: l.map((f, m) => /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -2333,8 +2333,8 @@ const zt = ({
                   {
                     type: "text",
                     id: `${a}-label-${m}`,
-                    style: f,
-                    value: v.label,
+                    style: v,
+                    value: f.label,
                     onChange: (g) => s(m, g.target.value),
                     disabled: i,
                     placeholder: "表示名"
@@ -2362,10 +2362,10 @@ const zt = ({
                       type: "text",
                       id: `${a}-value-${m}`,
                       style: {
-                        ...f,
+                        ...v,
                         borderColor: o.has(m) ? "#e53e3e" : "#ccc"
                       },
-                      value: v.value,
+                      value: f.value,
                       onChange: (g) => d(m, g.target.value),
                       disabled: i,
                       placeholder: "内部値"
@@ -2399,9 +2399,9 @@ const zt = ({
                   }
                 ),
                 /* @__PURE__ */ t(
-                  le,
+                  ie,
                   {
-                    value: v.color,
+                    value: f.color,
                     onChange: (g) => u(m, g),
                     allowUndefined: !0,
                     placeholder: "色を選択"
@@ -2410,7 +2410,7 @@ const zt = ({
               ] })
             ]
           },
-          v.value || `option-${m}`
+          f.value || `option-${m}`
         ))
       }
     ),
@@ -2434,16 +2434,16 @@ const zt = ({
     )
   ] });
 };
-zt.displayName = "OptionsEditor";
-const ai = "_root_111zo_7", oi = "_linkLabel_111zo_14", si = "_allRow_111zo_31", ri = "_grid_111zo_38", ci = "_sideRow_111zo_45", di = "_cell_111zo_53", hi = "_spacer_111zo_59", Q = {
-  root: ai,
-  linkLabel: oi,
-  allRow: si,
-  grid: ri,
-  sideRow: ci,
-  cell: di,
-  spacer: hi
-}, Wt = ({
+Wt.displayName = "OptionsEditor";
+const ri = "_root_111zo_7", ci = "_linkLabel_111zo_14", di = "_allRow_111zo_31", hi = "_grid_111zo_38", ui = "_sideRow_111zo_45", pi = "_cell_111zo_53", mi = "_spacer_111zo_59", Q = {
+  root: ri,
+  linkLabel: ci,
+  allRow: di,
+  grid: hi,
+  sideRow: ui,
+  cell: pi,
+  spacer: mi
+}, Ot = ({
   bulk: e,
   onChange: n,
   readOnly: i = !1
@@ -2459,8 +2459,8 @@ const ai = "_root_111zo_7", oi = "_linkLabel_111zo_14", si = "_allRow_111zo_31",
   ),
   "全辺を一括設定"
 ] });
-Wt.displayName = "PaddingLinkCheckbox";
-const ee = { value: 0, unit: "px" }, Rt = ({
+Ot.displayName = "PaddingLinkCheckbox";
+const ee = { value: 0, unit: "px" }, Ft = ({
   value: e,
   onChange: n,
   readOnly: i = !1
@@ -2504,7 +2504,7 @@ const ee = { value: 0, unit: "px" }, Rt = ({
   );
   return /* @__PURE__ */ p("div", { className: Q.root, children: [
     /* @__PURE__ */ t(
-      Wt,
+      Ot,
       {
         bulk: a,
         onChange: o,
@@ -2518,7 +2518,7 @@ const ee = { value: 0, unit: "px" }, Rt = ({
         {
           value: l.all ?? ee,
           onChange: c,
-          config: { allowedUnits: ye, min: 0 },
+          config: { allowedUnits: _e, min: 0 },
           readOnly: i
         }
       ) }) })
@@ -2530,7 +2530,7 @@ const ee = { value: 0, unit: "px" }, Rt = ({
           {
             value: l.top ?? ee,
             onChange: r,
-            config: { allowedUnits: ye, min: 0 },
+            config: { allowedUnits: _e, min: 0 },
             readOnly: i
           }
         ) }),
@@ -2540,7 +2540,7 @@ const ee = { value: 0, unit: "px" }, Rt = ({
             {
               value: l.left ?? ee,
               onChange: u,
-              config: { allowedUnits: ye, min: 0 },
+              config: { allowedUnits: _e, min: 0 },
               readOnly: i
             }
           ) }),
@@ -2550,7 +2550,7 @@ const ee = { value: 0, unit: "px" }, Rt = ({
             {
               value: l.right ?? ee,
               onChange: s,
-              config: { allowedUnits: ye, min: 0 },
+              config: { allowedUnits: _e, min: 0 },
               readOnly: i
             }
           ) })
@@ -2560,7 +2560,7 @@ const ee = { value: 0, unit: "px" }, Rt = ({
           {
             value: l.bottom ?? ee,
             onChange: d,
-            config: { allowedUnits: ye, min: 0 },
+            config: { allowedUnits: _e, min: 0 },
             readOnly: i
           }
         ) })
@@ -2568,47 +2568,47 @@ const ee = { value: 0, unit: "px" }, Rt = ({
     )
   ] });
 };
-Rt.displayName = "PaddingEditor";
-const Ne = hn.defaultProps, ui = [
-  { label: "標準", value: Re.normal },
-  { label: "単語で折り返し", value: Re.breakWord },
-  { label: "文字で折り返し", value: Re.breakAll }
-], qe = {
+Ft.displayName = "PaddingEditor";
+const Ce = pn.defaultProps, bi = [
+  { label: "標準", value: Oe.normal },
+  { label: "単語で折り返し", value: Oe.breakWord },
+  { label: "文字で折り返し", value: Oe.breakAll }
+], Ge = {
   display: "flex",
   alignItems: "center",
   gap: 6,
   marginBottom: 4
-}, Ge = {
+}, He = {
   fontSize: 11,
   color: "#666",
   minWidth: 72,
   flexShrink: 0
-}, Ot = ({
+}, jt = ({
   multiline: e,
   lineHeight: n,
   wordWrap: i,
   onChange: l,
   readOnly: a = !1
 }) => /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-  /* @__PURE__ */ p("div", { style: qe, children: [
-    /* @__PURE__ */ t("span", { style: Ge, children: "複数行" }),
+  /* @__PURE__ */ p("div", { style: Ge, children: [
+    /* @__PURE__ */ t("span", { style: He, children: "複数行" }),
     /* @__PURE__ */ t(
-      ae,
+      oe,
       {
-        value: e ?? Ne.multiline,
+        value: e ?? Ce.multiline,
         onChange: (o) => l("multiline", o ?? !1),
         readOnly: a,
         label: "複数行入力を有効にする"
       }
     )
   ] }),
-  /* @__PURE__ */ p("div", { style: qe, children: [
-    /* @__PURE__ */ t("span", { style: Ge, children: "行間" }),
+  /* @__PURE__ */ p("div", { style: Ge, children: [
+    /* @__PURE__ */ t("span", { style: He, children: "行間" }),
     /* @__PURE__ */ t("div", { style: { flex: 1 }, children: /* @__PURE__ */ t(
       G,
       {
-        value: n ?? Ne.lineHeight,
-        onChange: (o) => l("lineHeight", o ?? Ne.lineHeight),
+        value: n ?? Ce.lineHeight,
+        onChange: (o) => l("lineHeight", o ?? Ce.lineHeight),
         readOnly: a,
         min: 0.5,
         max: 5,
@@ -2617,22 +2617,38 @@ const Ne = hn.defaultProps, ui = [
       }
     ) })
   ] }),
-  /* @__PURE__ */ p("div", { style: qe, children: [
-    /* @__PURE__ */ t("span", { style: Ge, children: "折り返し" }),
+  /* @__PURE__ */ p("div", { style: Ge, children: [
+    /* @__PURE__ */ t("span", { style: He, children: "折り返し" }),
     /* @__PURE__ */ t("div", { style: { flex: 1 }, children: /* @__PURE__ */ t(
-      ge,
+      ye,
       {
-        value: i ?? Ne.wordWrap,
-        onChange: (o) => l("wordWrap", o ?? Ne.wordWrap),
-        options: ui,
+        value: i ?? Ce.wordWrap,
+        onChange: (o) => l("wordWrap", o ?? Ce.wordWrap),
+        options: bi,
         readOnly: a,
         height: 24
       }
     ) })
   ] })
 ] });
-Ot.displayName = "TextBehaviorEditor";
-const Me = [
+jt.displayName = "TextBehaviorEditor";
+const mt = "data-tatamicks-portal-root";
+let te = null;
+function fi() {
+  if (typeof document > "u")
+    throw new Error("getTatamicksPortalRoot requires a DOM environment");
+  if (te && document.body.contains(te))
+    return te;
+  const e = document.querySelector(`[${mt}]`);
+  return e instanceof HTMLElement ? (te = e, te) : (te = document.createElement("div"), te.setAttribute(mt, "true"), Object.assign(te.style, {
+    position: "fixed",
+    inset: "0",
+    pointerEvents: "none",
+    isolation: "isolate",
+    zIndex: "auto"
+  }), document.body.appendChild(te), te);
+}
+const Pe = [
   { label: "テキスト", inputType: "text" },
   { label: "数字のみ", inputType: "text", pattern: "[0-9]+" },
   { label: "半角英字のみ", inputType: "text", pattern: "[a-zA-Z]+" },
@@ -2670,10 +2686,10 @@ const Me = [
     hideLength: !0
   },
   { label: "その他", inputType: "text", isCustom: !0 }
-], pi = Me.map((e) => ({
+], vi = Pe.map((e) => ({
   label: e.label,
   value: e.label
-})), mi = `[0-9]    数字のみ
+})), gi = `[0-9]    数字のみ
 [a-z]    英小文字
 [A-Z]    英大文字
 [ぁ-ん]  ひらがな
@@ -2681,17 +2697,17 @@ const Me = [
 *        0回以上繰り返し
 {3}      3回繰り返し
 {3,5}    3〜5回繰り返し
-.        任意の1文字`, He = {
+.        任意の1文字`, Ke = {
   display: "flex",
   alignItems: "center",
   gap: 6,
   marginBottom: 4
-}, Ke = {
+}, Ze = {
   fontSize: 11,
   color: "#666",
   minWidth: 72,
   flexShrink: 0
-}, Ft = ({
+}, Ut = ({
   inputType: e,
   minLength: n,
   maxLength: i,
@@ -2700,7 +2716,7 @@ const Me = [
   onChangeBatch: o,
   readOnly: c = !1
 }) => {
-  const [r, s] = O(!1), [d, u] = O({}), h = ie(null), f = y(() => {
+  const [r, s] = O(!1), [d, u] = O({}), h = ae(null), v = y(() => {
     var S;
     const I = (S = h.current) == null ? void 0 : S.getBoundingClientRect();
     I && (u({
@@ -2708,12 +2724,12 @@ const Me = [
       bottom: window.innerHeight - I.top + 4,
       right: window.innerWidth - I.right
     }), s(!0));
-  }, []), v = y(() => s(!1), []), m = e ?? "text", g = l ?? void 0, _ = (() => {
-    const I = Me.find((S) => S.isCustom || S.inputType !== m ? !1 : S.pattern === g);
+  }, []), f = y(() => s(!1), []), m = e ?? "text", g = l ?? void 0, _ = (() => {
+    const I = Pe.find((S) => S.isCustom || S.inputType !== m ? !1 : S.pattern === g);
     return (I == null ? void 0 : I.label) ?? "その他";
-  })(), w = _ === "その他", L = Me.find((I) => I.label === _), $ = !(L != null && L.hideLength), k = y(
+  })(), w = _ === "その他", L = Pe.find((I) => I.label === _), $ = !(L != null && L.hideLength), k = y(
     (I) => {
-      const S = Me.find((N) => N.label === I);
+      const S = Pe.find((N) => N.label === I);
       if (!S) return;
       const b = S.isCustom ? "" : S.pattern ?? null, x = {
         inputType: S.inputType,
@@ -2728,21 +2744,21 @@ const Me = [
     [a, o]
   );
   return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-    /* @__PURE__ */ p("div", { style: He, children: [
-      /* @__PURE__ */ t("span", { style: Ke, children: "入力タイプ" }),
+    /* @__PURE__ */ p("div", { style: Ke, children: [
+      /* @__PURE__ */ t("span", { style: Ze, children: "入力タイプ" }),
       /* @__PURE__ */ t("div", { style: { flex: 1 }, children: /* @__PURE__ */ t(
-        ge,
+        ye,
         {
           value: _,
           onChange: k,
-          options: pi,
+          options: vi,
           readOnly: c,
           height: 24
         }
       ) })
     ] }),
-    $ && /* @__PURE__ */ p("div", { style: He, children: [
-      /* @__PURE__ */ t("span", { style: Ke, children: "文字数" }),
+    $ && /* @__PURE__ */ p("div", { style: Ke, children: [
+      /* @__PURE__ */ t("span", { style: Ze, children: "文字数" }),
       /* @__PURE__ */ p(
         "div",
         {
@@ -2776,12 +2792,12 @@ const Me = [
         }
       )
     ] }),
-    w && /* @__PURE__ */ p("div", { style: He, children: [
+    w && /* @__PURE__ */ p("div", { style: Ke, children: [
       /* @__PURE__ */ p(
         "span",
         {
           style: {
-            ...Ke,
+            ...Ze,
             display: "flex",
             alignItems: "center",
             gap: 2
@@ -2810,10 +2826,10 @@ const Me = [
                   outline: "none"
                 },
                 "aria-label": "入力パターンの使い方",
-                onMouseEnter: f,
-                onMouseLeave: v,
-                onFocus: f,
-                onBlur: v,
+                onMouseEnter: v,
+                onMouseLeave: f,
+                onFocus: v,
+                onBlur: f,
                 children: "i"
               }
             )
@@ -2821,7 +2837,7 @@ const Me = [
         }
       ),
       /* @__PURE__ */ t("div", { style: { flex: 1 }, children: /* @__PURE__ */ t(
-        Se,
+        Ie,
         {
           value: l ?? "",
           onChange: (I) => {
@@ -2832,13 +2848,13 @@ const Me = [
         }
       ) })
     ] }),
-    r && St(
+    r && $t(
       /* @__PURE__ */ t(
         "pre",
         {
           style: {
             ...d,
-            zIndex: 9999999,
+            zIndex: xt.TOOLTIP,
             width: "max-content",
             margin: 0,
             padding: "6px 10px",
@@ -2852,15 +2868,15 @@ const Me = [
             whiteSpace: "pre",
             pointerEvents: "none"
           },
-          children: mi
+          children: gi
         }
       ),
-      document.body
+      fi()
     )
   ] });
 };
-Ft.displayName = "TextValidationEditor";
-const jt = {
+Ut.displayName = "TextValidationEditor";
+const Vt = {
   alignment: "配置",
   fontStyle: "フォントスタイル",
   padding: "パディング",
@@ -2870,9 +2886,9 @@ const jt = {
   textBehavior: "テキスト動作",
   selectConfig: "選択肢設定",
   checkboxStyle: "チェックボックスデザイン"
-}, bi = [
+}, yi = [
   {
-    value: Ee.left,
+    value: Ae.left,
     label: "左揃え",
     icon: /* @__PURE__ */ p("svg", { viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: [
       /* @__PURE__ */ t("rect", { x: "1", y: "2", width: "1.5", height: "12", rx: "0.5" }),
@@ -2882,7 +2898,7 @@ const jt = {
     ] })
   },
   {
-    value: Ee.center,
+    value: Ae.center,
     label: "中央揃え",
     icon: /* @__PURE__ */ p("svg", { viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: [
       /* @__PURE__ */ t("rect", { x: "7.25", y: "2", width: "1.5", height: "12", rx: "0.5" }),
@@ -2892,7 +2908,7 @@ const jt = {
     ] })
   },
   {
-    value: Ee.right,
+    value: Ae.right,
     label: "右揃え",
     icon: /* @__PURE__ */ p("svg", { viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: [
       /* @__PURE__ */ t("rect", { x: "13.5", y: "2", width: "1.5", height: "12", rx: "0.5" }),
@@ -2901,9 +2917,9 @@ const jt = {
       /* @__PURE__ */ t("rect", { x: "5", y: "11", width: "7", height: "2.5", rx: "0.5" })
     ] })
   }
-], vi = [
+], _i = [
   {
-    value: Ae.top,
+    value: Me.top,
     label: "上揃え",
     icon: /* @__PURE__ */ p("svg", { viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: [
       /* @__PURE__ */ t("rect", { x: "1", y: "1", width: "14", height: "1" }),
@@ -2912,7 +2928,7 @@ const jt = {
     ] })
   },
   {
-    value: Ae.center,
+    value: Me.center,
     label: "中央揃え",
     icon: /* @__PURE__ */ p("svg", { viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: [
       /* @__PURE__ */ t("rect", { x: "1", y: "7.5", width: "14", height: "1" }),
@@ -2921,7 +2937,7 @@ const jt = {
     ] })
   },
   {
-    value: Ae.bottom,
+    value: Me.bottom,
     label: "下揃え",
     icon: /* @__PURE__ */ p("svg", { viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: [
       /* @__PURE__ */ t("rect", { x: "1", y: "14", width: "14", height: "1" }),
@@ -2930,13 +2946,13 @@ const jt = {
     ] })
   }
 ];
-function me(e) {
+function be(e) {
   return typeof e == "object" && e !== null && typeof e.value == "number" && typeof e.unit == "string";
 }
-function fi(e) {
+function xi(e) {
   return typeof e == "object" && e !== null && Array.isArray(e.options);
 }
-const ot = fe(
+const st = ge(
   ({
     kind: e,
     defaultProps: n,
@@ -2948,7 +2964,7 @@ const ot = fe(
   }) => {
     switch (e) {
       case "alignment": {
-        const r = i("horizontal") ?? Ee.left, s = i("vertical") ?? Ae.center;
+        const r = i("horizontal") ?? Ae.left, s = i("vertical") ?? Me.center;
         return /* @__PURE__ */ p(
           "div",
           {
@@ -2960,17 +2976,17 @@ const ot = fe(
             },
             children: [
               /* @__PURE__ */ t(
-                Ze,
+                Ye,
                 {
-                  options: bi,
+                  options: yi,
                   current: r,
                   onChange: (d) => l("horizontal", d)
                 }
               ),
               /* @__PURE__ */ t(
-                Ze,
+                Ye,
                 {
-                  options: vi,
+                  options: _i,
                   current: s,
                   onChange: (d) => l("vertical", d)
                 }
@@ -2982,7 +2998,7 @@ const ot = fe(
       case "fontStyle": {
         const r = i("fontSize"), s = {
           fontFamily: i("fontFamily"),
-          fontSize: me(r) ? r : void 0,
+          fontSize: be(r) ? r : void 0,
           color: i("color"),
           fontWeight: i("fontWeight"),
           italic: i("italic"),
@@ -2990,7 +3006,7 @@ const ot = fe(
           lineThrough: i("lineThrough")
         };
         return /* @__PURE__ */ t(
-          Bt,
+          Rt,
           {
             value: s,
             onChange: (d) => {
@@ -3004,18 +3020,18 @@ const ot = fe(
         );
       }
       case "padding": {
-        const r = i("top"), s = i("right"), d = i("bottom"), u = i("left"), h = i("bulk"), f = i("all"), v = {
-          top: me(r) ? r : void 0,
-          right: me(s) ? s : void 0,
-          bottom: me(d) ? d : void 0,
-          left: me(u) ? u : void 0,
+        const r = i("top"), s = i("right"), d = i("bottom"), u = i("left"), h = i("bulk"), v = i("all"), f = {
+          top: be(r) ? r : void 0,
+          right: be(s) ? s : void 0,
+          bottom: be(d) ? d : void 0,
+          left: be(u) ? u : void 0,
           bulk: typeof h == "boolean" ? h : !1,
-          all: me(f) ? f : void 0
+          all: be(v) ? v : void 0
         };
         return /* @__PURE__ */ t(
-          Rt,
+          Ft,
           {
-            value: v,
+            value: f,
             onChange: (m) => {
               if (a)
                 a(m);
@@ -3029,7 +3045,7 @@ const ot = fe(
       case "required": {
         const r = i("required");
         return /* @__PURE__ */ t(
-          ae,
+          oe,
           {
             value: r ?? !1,
             onChange: (s) => l("required", s ?? !1),
@@ -3040,7 +3056,7 @@ const ot = fe(
       case "placeholder": {
         const r = i("placeholder");
         return /* @__PURE__ */ t(
-          Se,
+          Ie,
           {
             value: r ?? "",
             onChange: (s) => l("placeholder", s ?? "")
@@ -3049,7 +3065,7 @@ const ot = fe(
       }
       case "textValidation":
         return /* @__PURE__ */ t(
-          Ft,
+          Ut,
           {
             inputType: i("inputType"),
             minLength: i("minLength") ?? void 0,
@@ -3061,7 +3077,7 @@ const ot = fe(
         );
       case "textBehavior":
         return /* @__PURE__ */ t(
-          Ot,
+          jt,
           {
             multiline: i("multiline"),
             lineHeight: i("lineHeight") ?? void 0,
@@ -3072,7 +3088,7 @@ const ot = fe(
       case "checkboxStyle": {
         const r = i("styleConfig");
         return /* @__PURE__ */ t(
-          Dt,
+          zt,
           {
             value: r,
             onChange: (s) => l("styleConfig", s)
@@ -3080,9 +3096,9 @@ const ot = fe(
         );
       }
       case "selectConfig": {
-        const r = i("selectConfig"), s = fi(r) ? r : { options: [] };
+        const r = i("selectConfig"), s = xi(r) ? r : { options: [] };
         return /* @__PURE__ */ t(
-          zt,
+          Wt,
           {
             value: s,
             onChange: (d) => l("selectConfig", d)
@@ -3091,19 +3107,19 @@ const ot = fe(
       }
       default: {
         if (c) {
-          const u = c, h = Object.keys(n)[0] ?? e, f = i(h);
+          const u = c, h = Object.keys(n)[0] ?? e, v = i(h);
           return /* @__PURE__ */ t(
             u,
             {
-              value: f,
-              onChange: (v) => l(h, v),
+              value: v,
+              onChange: (f) => l(h, f),
               readOnly: o
             }
           );
         }
         const r = Object.keys(n)[0] ?? e, s = i(r), d = s == null ? "" : typeof s == "object" ? JSON.stringify(s) : String(s);
         return /* @__PURE__ */ t(
-          Se,
+          Ie,
           {
             value: d,
             onChange: (u) => l(r, u ?? "")
@@ -3113,8 +3129,8 @@ const ot = fe(
     }
   }
 );
-ot.displayName = "PropDefEditor";
-const Ut = fe(
+st.displayName = "PropDefEditor";
+const qt = ge(
   ({
     propDef: e,
     selectedBlocks: n,
@@ -3128,7 +3144,7 @@ const Ut = fe(
       var _;
       const g = Y(n, `props.${m}`);
       return g !== void 0 ? g : ((_ = o == null ? void 0 : o[u]) == null ? void 0 : _[m]) ?? s[m] ?? null;
-    }, f = d !== void 0 && Object.keys(s).some((m) => m in ((d == null ? void 0 : d.props) ?? {})), v = y(
+    }, v = d !== void 0 && Object.keys(s).some((m) => m in ((d == null ? void 0 : d.props) ?? {})), f = y(
       (m) => {
         var g;
         if (m) {
@@ -3155,14 +3171,14 @@ const Ut = fe(
     return /* @__PURE__ */ t(
       V,
       {
-        title: jt[r] ?? r,
+        title: Vt[r] ?? r,
         collapsible: !0,
-        isOpen: f,
-        onOpenChange: v,
+        isOpen: v,
+        onOpenChange: f,
         openLabel: "カスタム",
         closeLabel: "標準",
         children: /* @__PURE__ */ t(
-          ot,
+          st,
           {
             kind: r,
             defaultProps: s,
@@ -3177,8 +3193,8 @@ const Ut = fe(
     );
   }
 );
-Ut.displayName = "PropertyField";
-const st = ({
+qt.displayName = "PropertyField";
+const rt = ({
   selectedBlocks: e,
   pluginRegistry: n,
   onUpdateBlocks: i,
@@ -3187,30 +3203,30 @@ const st = ({
 }) => {
   const o = e[0], c = o ? n[o.kind] : void 0;
   if (!o || !c || e.length === 0) return null;
-  const r = (h, f) => {
-    const v = {};
+  const r = (h, v) => {
+    const f = {};
     e.forEach((m) => {
-      v[m.id] = {
-        props: { ...m.props, [h]: f }
+      f[m.id] = {
+        props: { ...m.props, [h]: v }
       };
-    }), i(v);
+    }), i(f);
   }, s = (h) => {
-    const f = {};
-    e.forEach((v) => {
-      f[v.id] = {
-        props: { ...v.props, ...h }
+    const v = {};
+    e.forEach((f) => {
+      v[f.id] = {
+        props: { ...f.props, ...h }
       };
-    }), i(f);
+    }), i(v);
   }, d = (h) => {
-    const f = {};
-    e.forEach((v) => {
-      const m = { ...v.props };
+    const v = {};
+    e.forEach((f) => {
+      const m = { ...f.props };
       for (const g of h)
         delete m[g];
-      f[v.id] = { props: m };
-    }), i(f);
+      v[f.id] = { props: m };
+    }), i(v);
   }, u = c.properties.map((h) => /* @__PURE__ */ t(
-    Ut,
+    qt,
     {
       propDef: h,
       selectedBlocks: e,
@@ -3223,12 +3239,12 @@ const st = ({
   ));
   return c.properties.length === 0 ? null : a ? /* @__PURE__ */ t(V, { title: c.meta.displayName, children: u }) : /* @__PURE__ */ t("div", { children: u });
 };
-st.displayName = "PluginPanels";
-const gi = "_bar_13lr1_4", yi = "_divider_13lr1_18", _i = "_barWrapper_13lr1_26", xi = "_popover_13lr1_31", Ie = {
-  bar: gi,
-  divider: yi,
-  barWrapper: _i,
-  popover: xi
+rt.displayName = "PluginPanels";
+const wi = "_bar_13lr1_4", Ni = "_divider_13lr1_18", Ci = "_barWrapper_13lr1_26", Si = "_popover_13lr1_31", $e = {
+  bar: wi,
+  divider: Ni,
+  barWrapper: Ci,
+  popover: Si
 }, ve = ({
   icon: e,
   label: n,
@@ -3249,22 +3265,22 @@ const gi = "_bar_13lr1_4", yi = "_divider_13lr1_18", _i = "_barWrapper_13lr1_26"
   }
 );
 ve.displayName = "SelectionActionBarButton";
-const Vt = gt(null);
-function wi() {
-  const e = Pe(Vt);
+const Gt = _t(null);
+function Ii() {
+  const e = ze(Gt);
   if (e === null)
     throw new Error(
       "useSelectionActionBar must be used inside SelectionActionBar"
     );
   return e;
 }
-const Ni = ({
+const $i = ({
   items: e = [],
   className: n,
   style: i,
   onPointerDown: l
 }) => {
-  const [a, o] = O(null), [c, r] = O(null), s = ie(null), d = y(() => {
+  const [a, o] = O(null), [c, r] = O(null), s = ae(null), d = y(() => {
     s.current !== null && (window.clearTimeout(s.current), s.current = null);
   }, []), u = y(() => {
     d();
@@ -3273,33 +3289,33 @@ const Ni = ({
       o(null);
     }, 120);
   }, [d]);
-  pe(() => {
+  me(() => {
     if (a === null) return;
     const m = (g) => {
       c && !c.contains(g.target) && o(null);
     };
     return document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
-  }, [a, c]), pe(() => () => {
+  }, [a, c]), me(() => () => {
     d();
   }, [d]);
-  const f = y(
+  const v = y(
     (m) => {
       d(), o(m);
     },
     [d]
-  ), v = y(
+  ), f = y(
     (m) => {
       d(), o(m);
     },
     [d]
   );
   return /* @__PURE__ */ t(
-    Vt.Provider,
+    Gt.Provider,
     {
       value: {
         openPanel: a,
-        openPanelByHover: f,
-        openPanelByClick: v,
+        openPanelByHover: v,
+        openPanelByClick: f,
         onPointerDown: l,
         wrapperEl: c
       },
@@ -3307,7 +3323,7 @@ const Ni = ({
         "div",
         {
           ref: r,
-          className: Ie.barWrapper,
+          className: $e.barWrapper,
           style: i,
           onMouseEnter: u,
           onMouseLeave: h,
@@ -3318,7 +3334,7 @@ const Ni = ({
           children: /* @__PURE__ */ t(
             "div",
             {
-              className: `${Ie.bar}${n ? ` ${n}` : ""}`,
+              className: `${$e.bar}${n ? ` ${n}` : ""}`,
               onPointerDown: l,
               children: e
             }
@@ -3328,7 +3344,7 @@ const Ni = ({
     }
   );
 };
-Ni.displayName = "SelectionActionBar";
+$i.displayName = "SelectionActionBar";
 const De = ({
   id: e,
   icon: n,
@@ -3341,8 +3357,8 @@ const De = ({
     openPanelByClick: c,
     onPointerDown: r,
     wrapperEl: s
-  } = wi();
-  return /* @__PURE__ */ p(oe, { children: [
+  } = Ii();
+  return /* @__PURE__ */ p(se, { children: [
     /* @__PURE__ */ t(
       ve,
       {
@@ -3352,11 +3368,11 @@ const De = ({
         onClick: () => c(e)
       }
     ),
-    a === e && s && St(
+    a === e && s && $t(
       /* @__PURE__ */ t(
         "div",
         {
-          className: Ie.popover,
+          className: $e.popover,
           "data-testid": `popover-${e}`,
           onPointerDown: r,
           children: l
@@ -3367,7 +3383,7 @@ const De = ({
   ] });
 };
 De.displayName = "SelectionActionBarPanel";
-function Oa({
+function Va({
   context: e,
   gridSize: n,
   onActionFeedback: i
@@ -3375,15 +3391,15 @@ function Oa({
   var _;
   const { actionContext: l, pluginRegistry: a } = e, o = e.editorState, c = o.selectedBlockIds ?? [], r = l.isEnabled("paste"), s = o.pageIdx, d = (((_ = e.book.pages[s]) == null ? void 0 : _.blocks) ?? []).filter(
     (w) => c.includes(w.id)
-  ), u = c.length > 0, h = d.length > 0, f = h && Object.keys(a).length > 0, v = (w, L) => l.execute("updateBlocks", { updates: w, options: L }), m = (w, L) => {
+  ), u = c.length > 0, h = d.length > 0, v = h && Object.keys(a).length > 0, f = (w, L) => l.execute("updateBlocks", { updates: w, options: L }), m = (w, L) => {
     L();
-    const $ = lt(w);
+    const $ = it(w);
     $ && (i == null || i($));
   }, g = [
     /* @__PURE__ */ t(
       ve,
       {
-        icon: /* @__PURE__ */ t(et, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ t(tt, { "aria-hidden": "true" }),
         label: "選択を削除",
         title: "削除 (Delete / Backspace)",
         onClick: () => m("delete", () => l.execute("delete")),
@@ -3394,7 +3410,7 @@ function Oa({
     /* @__PURE__ */ t(
       ve,
       {
-        icon: /* @__PURE__ */ t(tt, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ t(nt, { "aria-hidden": "true" }),
         label: "選択をコピー",
         title: "コピー (Ctrl+C / Cmd+C)",
         onClick: () => m("copy", () => l.execute("copy")),
@@ -3405,7 +3421,7 @@ function Oa({
     /* @__PURE__ */ t(
       ve,
       {
-        icon: /* @__PURE__ */ t(nt, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ t(lt, { "aria-hidden": "true" }),
         label: "選択を複製",
         title: "複製 (Ctrl+D / Cmd+D)",
         onClick: () => m("duplicate", () => l.execute("duplicate")),
@@ -3413,7 +3429,7 @@ function Oa({
       },
       "duplicate"
     ),
-    /* @__PURE__ */ t("div", { className: Ie.divider, "aria-hidden": "true" }, "divider-paste"),
+    /* @__PURE__ */ t("div", { className: $e.divider, "aria-hidden": "true" }, "divider-paste"),
     /* @__PURE__ */ t(
       ve,
       {
@@ -3426,11 +3442,11 @@ function Oa({
       "paste"
     )
   ];
-  return (h || f) && g.push(
+  return (h || v) && g.push(
     /* @__PURE__ */ t(
       "div",
       {
-        className: Ie.divider,
+        className: $e.divider,
         "aria-hidden": "true"
       },
       "divider-panels"
@@ -3440,13 +3456,13 @@ function Oa({
       De,
       {
         id: "style",
-        icon: /* @__PURE__ */ t($t, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ t(kt, { "aria-hidden": "true" }),
         label: "スタイル設定",
         children: /* @__PURE__ */ t(
-          it,
+          at,
           {
             selectedBlocks: d,
-            onUpdateBlocks: v
+            onUpdateBlocks: f
           }
         )
       },
@@ -3456,32 +3472,32 @@ function Oa({
       De,
       {
         id: "layout",
-        icon: /* @__PURE__ */ t(Lt, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ t(Tt, { "aria-hidden": "true" }),
         label: "レイアウト設定",
         children: /* @__PURE__ */ t(
-          at,
+          ot,
           {
             selectedBlocks: d,
-            onUpdateBlocks: v,
+            onUpdateBlocks: f,
             gridSize: n
           }
         )
       },
       "layout"
     )
-  ), f && g.push(
+  ), v && g.push(
     /* @__PURE__ */ t(
       De,
       {
         id: "plugin",
-        icon: /* @__PURE__ */ t(kt, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ t(Et, { "aria-hidden": "true" }),
         label: "ブロック設定",
         children: /* @__PURE__ */ t(
-          st,
+          rt,
           {
             selectedBlocks: d,
             pluginRegistry: a,
-            onUpdateBlocks: v,
+            onUpdateBlocks: f,
             showGroupHeader: !1
           }
         )
@@ -3490,19 +3506,20 @@ function Oa({
     )
   ), g;
 }
-const pt = 8, Ci = 36, Fa = ({
+const bt = 8, Li = 36, qa = ({
   selectionBoundingBox: e,
   isDragging: n,
-  zIndex: i = yt.SELECTION_ACTION_BAR,
+  zIndex: i = 1,
   children: l
 }) => {
   if (e == null || n)
     return null;
-  const a = e, o = a.top - pt - Ci, c = o >= 0 ? o : a.bottom + pt, r = {
+  const a = e, o = a.top - bt - Li, c = o >= 0 ? o : a.bottom + bt, r = {
     position: "absolute",
     inset: 0,
     pointerEvents: "none",
-    zIndex: i
+    zIndex: i,
+    ...mn
   }, s = {
     position: "absolute",
     top: `${c}px`,
@@ -3529,9 +3546,9 @@ const pt = 8, Ci = 36, Fa = ({
     }
   );
 };
-function ja(e, n) {
+function Ga(e, n) {
   const [i, l] = O(null);
-  return pe(() => {
+  return me(() => {
     if (n.length === 0) {
       l(null);
       return;
@@ -3544,10 +3561,10 @@ function ja(e, n) {
       }
       const c = o.getBoundingClientRect();
       let r = 1 / 0, s = 1 / 0, d = -1 / 0, u = -1 / 0, h = !1;
-      for (const f of n) {
-        const v = o.querySelector(`[data-block-id="${f}"]`);
-        if (!v) continue;
-        const m = v.getBoundingClientRect();
+      for (const v of n) {
+        const f = o.querySelector(`[data-block-id="${v}"]`);
+        if (!f) continue;
+        const m = f.getBoundingClientRect();
         r = Math.min(r, m.left - c.left), s = Math.min(s, m.top - c.top), d = Math.max(d, m.right - c.left), u = Math.max(u, m.bottom - c.top), h = !0;
       }
       if (!h) {
@@ -3566,60 +3583,60 @@ function ja(e, n) {
     return () => cancelAnimationFrame(a);
   }, [e, n]), i;
 }
-const Si = "_container_3lvww_1", Ii = "_row_3lvww_9", $i = "_label_3lvww_15", Li = "_inputWrapper_3lvww_24", ki = "_error_3lvww_31", X = {
-  container: Si,
-  row: Ii,
-  label: $i,
-  inputWrapper: Li,
-  error: ki
+const ki = "_container_3lvww_1", Ti = "_row_3lvww_9", Ei = "_label_3lvww_15", Ai = "_inputWrapper_3lvww_24", Mi = "_error_3lvww_31", X = {
+  container: ki,
+  row: Ti,
+  label: Ei,
+  inputWrapper: Ai,
+  error: Mi
 };
-function mt(e, n, i) {
+function ft(e, n, i) {
   const l = e.trim();
   return l ? /\s/.test(l) ? "スペースは使用できません" : l !== n && (i != null && i.has(l)) ? "このIDは既に使用されています" : null : "IDを入力してください";
 }
-const qt = ({
+const Ht = ({
   selectedBlocks: e,
   onUpdateBlocks: n,
   allBlockIds: i
 }) => {
   const [l, a] = O(""), [o, c] = O(null), r = e[0];
-  pe(() => {
+  me(() => {
     e.length === 1 && r && (a(r.id), c(null));
   }, [e, r]);
   const s = () => {
     if (!r) return;
-    const v = r.id, m = l.trim();
-    if (m === v || !m) {
-      a(v), c(null);
+    const f = r.id, m = l.trim();
+    if (m === f || !m) {
+      a(f), c(null);
       return;
     }
-    if (mt(m, v, i)) {
-      a(v), c(null);
+    if (ft(m, f, i)) {
+      a(f), c(null);
       return;
     }
-    n({ [v]: { id: m } });
-  }, d = (v) => {
-    const m = v ?? "";
-    a(m), r && c(mt(m, r.id, i));
-  }, u = (v) => {
+    n({ [f]: { id: m } });
+  }, d = (f) => {
+    const m = f ?? "";
+    a(m), r && c(ft(m, r.id, i));
+  }, u = (f) => {
     const m = {};
     e.forEach((g) => {
       m[g.id] = {
-        behavior: { ...g.behavior, readOnly: !!v || void 0 }
+        behavior: { ...g.behavior, readOnly: !!f || void 0 }
       };
     }), n(m);
-  }, h = (v) => {
+  }, h = (f) => {
     const m = {};
     e.forEach((g) => {
       m[g.id] = {
-        behavior: { ...g.behavior, heightFit: v || void 0 }
+        behavior: { ...g.behavior, heightFit: f || void 0 }
       };
     }), n(m);
-  }, f = (v) => {
+  }, v = (f) => {
     const m = {};
     e.forEach((g) => {
       m[g.id] = {
-        behavior: { ...g.behavior, widthFit: v || void 0 }
+        behavior: { ...g.behavior, widthFit: f || void 0 }
       };
     }), n(m);
   };
@@ -3628,7 +3645,7 @@ const qt = ({
       /* @__PURE__ */ t("span", { className: X.label, children: "ID" }),
       /* @__PURE__ */ p("div", { className: X.inputWrapper, children: [
         /* @__PURE__ */ t(
-          Se,
+          Ie,
           {
             value: l,
             onChange: d,
@@ -3640,7 +3657,7 @@ const qt = ({
       ] })
     ] }),
     e.length > 0 && /* @__PURE__ */ t("div", { className: X.row, children: /* @__PURE__ */ t("div", { className: X.inputWrapper, children: /* @__PURE__ */ t(
-      ae,
+      oe,
       {
         label: "読み取り専用",
         value: !!Y(e, "behavior.readOnly"),
@@ -3648,7 +3665,7 @@ const qt = ({
       }
     ) }) }),
     e.length > 0 && /* @__PURE__ */ t("div", { className: X.row, children: /* @__PURE__ */ t("div", { className: X.inputWrapper, children: /* @__PURE__ */ t(
-      ae,
+      oe,
       {
         label: "高さ自動フィット",
         value: !!Y(e, "behavior.heightFit"),
@@ -3656,45 +3673,45 @@ const qt = ({
       }
     ) }) }),
     e.length > 0 && /* @__PURE__ */ t("div", { className: X.row, children: /* @__PURE__ */ t("div", { className: X.inputWrapper, children: /* @__PURE__ */ t(
-      ae,
+      oe,
       {
         label: "幅自動フィット",
         value: !!Y(e, "behavior.widthFit"),
-        onChange: f
+        onChange: v
       }
     ) }) })
   ] });
 };
-qt.displayName = "MetaPanel";
-const Ti = "_container_2zb6l_1", Ei = "_scrollArea_2zb6l_18", Ai = "_emptyState_2zb6l_33", Ye = {
-  container: Ti,
-  scrollArea: Ei,
-  emptyState: Ai
-}, Je = ({
+Ht.displayName = "MetaPanel";
+const Pi = "_container_2zb6l_1", Di = "_scrollArea_2zb6l_18", zi = "_emptyState_2zb6l_33", Je = {
+  container: Pi,
+  scrollArea: Di,
+  emptyState: zi
+}, Xe = ({
   children: e,
   className: n = ""
-}) => /* @__PURE__ */ t("div", { className: `${Ye.container}${n ? ` ${n}` : ""}`, children: e });
-Je.displayName = "BlockPropertyPanel";
-const Mi = fe(
+}) => /* @__PURE__ */ t("div", { className: `${Je.container}${n ? ` ${n}` : ""}`, children: e });
+Xe.displayName = "BlockPropertyPanel";
+const Bi = ge(
   ({ context: e, gridSize: n, className: i = "" }) => {
-    const { pluginRegistry: l, actionContext: a } = e, o = e.editorState.pageIdx, c = e.book.pages[o], r = e.editorState.selectedBlockIds ?? [], s = (c == null ? void 0 : c.blocks.filter((g) => r.includes(g.id))) ?? [], d = c == null ? void 0 : c.blockDefaults, u = (g, _) => a.execute("updateBlocks", { updates: g, options: _ }), h = new Set((c == null ? void 0 : c.blocks.map((g) => g.id)) ?? []), f = s[0], v = f ? l[f.kind] : void 0, m = te(() => {
+    const { pluginRegistry: l, actionContext: a } = e, o = e.editorState.pageIdx, c = e.book.pages[o], r = e.editorState.selectedBlockIds ?? [], s = (c == null ? void 0 : c.blocks.filter((g) => r.includes(g.id))) ?? [], d = c == null ? void 0 : c.blockDefaults, u = (g, _) => a.execute("updateBlocks", { updates: g, options: _ }), h = new Set((c == null ? void 0 : c.blocks.map((g) => g.id)) ?? []), v = s[0], f = v ? l[v.kind] : void 0, m = ne(() => {
       var _;
       if (s.length === 0) return !1;
       const g = (_ = s[0]) == null ? void 0 : _.kind;
       return s.every((w) => w.kind === g);
     }, [s]);
-    return s.length === 0 ? /* @__PURE__ */ t(Je, { className: i, children: /* @__PURE__ */ p("div", { className: Ye.emptyState, children: [
+    return s.length === 0 ? /* @__PURE__ */ t(Xe, { className: i, children: /* @__PURE__ */ p("div", { className: Je.emptyState, children: [
       "ブロックを選択すると",
       /* @__PURE__ */ t("br", {}),
       "プロパティが表示されます"
-    ] }) }) : /* @__PURE__ */ t(Je, { className: i, children: /* @__PURE__ */ p("div", { className: Ye.scrollArea, children: [
+    ] }) }) : /* @__PURE__ */ t(Xe, { className: i, children: /* @__PURE__ */ p("div", { className: Je.scrollArea, children: [
       /* @__PURE__ */ t(
         V,
         {
           title: "配置・サイズ",
           description: "ブロックの位置（X・Y座標）と大きさ（幅・高さ）をグリッド単位で設定します",
           children: /* @__PURE__ */ t(
-            at,
+            ot,
             {
               selectedBlocks: s,
               onUpdateBlocks: u,
@@ -3709,7 +3726,7 @@ const Mi = fe(
           title: "背景・枠線",
           description: "ブロックの背景色と枠線（線の種類・色・太さ）を設定します",
           children: /* @__PURE__ */ t(
-            it,
+            at,
             {
               selectedBlocks: s,
               onUpdateBlocks: u
@@ -3717,8 +3734,8 @@ const Mi = fe(
           )
         }
       ),
-      v && m && v.properties.length > 0 && /* @__PURE__ */ t(
-        st,
+      f && m && f.properties.length > 0 && /* @__PURE__ */ t(
+        rt,
         {
           selectedBlocks: s,
           pluginRegistry: l,
@@ -3732,7 +3749,7 @@ const Mi = fe(
           title: "基本設定",
           description: "ブロックのID（識別子）や読み取り専用にするかどうかなど、動作に関わる設定をします",
           children: /* @__PURE__ */ t(
-            qt,
+            Ht,
             {
               selectedBlocks: s,
               onUpdateBlocks: u,
@@ -3744,14 +3761,14 @@ const Mi = fe(
     ] }) });
   }
 );
-Mi.displayName = "DefaultBlockPropertyPanel";
-const Di = "_kindSelector_qrad9_1", Pi = "_kindTab_qrad9_9", Bi = "_kindTabActive_qrad9_30", zi = "_propertyList_qrad9_46", Wi = "_emptyState_qrad9_131", be = {
-  kindSelector: Di,
-  kindTab: Pi,
-  kindTabActive: Bi,
-  propertyList: zi,
-  emptyState: Wi
-}, Gt = fe(
+Bi.displayName = "DefaultBlockPropertyPanel";
+const Ri = "_kindSelector_qrad9_1", Wi = "_kindTab_qrad9_9", Oi = "_kindTabActive_qrad9_30", Fi = "_propertyList_qrad9_46", ji = "_emptyState_qrad9_131", fe = {
+  kindSelector: Ri,
+  kindTab: Wi,
+  kindTabActive: Oi,
+  propertyList: Fi,
+  emptyState: ji
+}, Kt = ge(
   ({
     propDef: e,
     kindDefaults: n,
@@ -3760,8 +3777,8 @@ const Di = "_kindSelector_qrad9_1", Pi = "_kindTab_qrad9_9", Bi = "_kindTabActiv
     const { kind: l, defaultProps: a } = e, o = Object.keys(a).some((d) => d in n), c = (d) => n[d] ?? a[d] ?? null, r = (d, u) => i({ ...n, [d]: u }), s = (d) => {
       if (d) {
         const u = { ...n };
-        for (const [h, f] of Object.entries(a))
-          u[h] = n[h] ?? f;
+        for (const [h, v] of Object.entries(a))
+          u[h] = n[h] ?? v;
         i(u);
       } else {
         const u = { ...n };
@@ -3773,14 +3790,14 @@ const Di = "_kindSelector_qrad9_1", Pi = "_kindTab_qrad9_9", Bi = "_kindTabActiv
     return /* @__PURE__ */ t(
       V,
       {
-        title: jt[l] ?? l,
+        title: Vt[l] ?? l,
         collapsible: !0,
         isOpen: o,
         onOpenChange: s,
         openLabel: "カスタム",
         closeLabel: "標準",
         children: /* @__PURE__ */ t(
-          ot,
+          st,
           {
             kind: l,
             defaultProps: a,
@@ -3792,8 +3809,8 @@ const Di = "_kindSelector_qrad9_1", Pi = "_kindTab_qrad9_9", Bi = "_kindTabActiv
     );
   }
 );
-Gt.displayName = "DefaultsPropField";
-const Ht = fe(
+Kt.displayName = "DefaultsPropField";
+const Zt = ge(
   ({ blockDefaults: e, pluginRegistry: n, onChange: i }) => {
     const l = Object.keys(n), [a, o] = O(
       l[0] ?? ""
@@ -3804,7 +3821,7 @@ const Ht = fe(
       },
       [e, a, i]
     );
-    return l.length === 0 ? /* @__PURE__ */ t("div", { className: be.emptyState, children: "プラグインが登録されていません" }) : /* @__PURE__ */ p(
+    return l.length === 0 ? /* @__PURE__ */ t("div", { className: fe.emptyState, children: "プラグインが登録されていません" }) : /* @__PURE__ */ p(
       V,
       {
         title: "ブロック共通デフォルト",
@@ -3812,21 +3829,21 @@ const Ht = fe(
         noPadding: !0,
         description: "各ブロック種類に共通して適用されるデフォルト値です",
         children: [
-          /* @__PURE__ */ t("div", { className: be.kindSelector, children: l.map((s) => {
+          /* @__PURE__ */ t("div", { className: fe.kindSelector, children: l.map((s) => {
             const d = n[s];
             return /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
-                className: `${be.kindTab} ${a === s ? be.kindTabActive : ""}`,
+                className: `${fe.kindTab} ${a === s ? fe.kindTabActive : ""}`,
                 onClick: () => o(s),
                 children: (d == null ? void 0 : d.meta.displayName) ?? s
               },
               s
             );
           }) }),
-          c && /* @__PURE__ */ t("div", { className: be.propertyList, children: c.properties.length === 0 ? /* @__PURE__ */ t("div", { className: be.emptyState, children: "カスタマイズ可能なプロパティがありません" }) : c.properties.map((s) => /* @__PURE__ */ t(
-            Gt,
+          c && /* @__PURE__ */ t("div", { className: fe.propertyList, children: c.properties.length === 0 ? /* @__PURE__ */ t("div", { className: fe.emptyState, children: "カスタマイズ可能なプロパティがありません" }) : c.properties.map((s) => /* @__PURE__ */ t(
+            Kt,
             {
               propDef: s,
               kindDefaults: e[a] ?? {},
@@ -3839,21 +3856,21 @@ const Ht = fe(
     );
   }
 );
-Ht.displayName = "BlockDefaultsPanel";
-const Ri = "_list_12dfx_10", Oi = "_item_12dfx_19", Fi = "_selected_12dfx_41", ji = "_dragHandle_12dfx_46", Ui = "_ghost_12dfx_57", Vi = "_itemInfo_12dfx_68", qi = "_itemId_12dfx_75", Gi = "_itemMeta_12dfx_80", Hi = "_itemKind_12dfx_87", Ki = "_itemActions_12dfx_95", Zi = "_actionButton_12dfx_100", Yi = "_empty_12dfx_136", U = {
-  list: Ri,
-  item: Oi,
-  selected: Fi,
-  dragHandle: ji,
-  ghost: Ui,
-  itemInfo: Vi,
-  itemId: qi,
-  itemMeta: Gi,
-  itemKind: Hi,
-  itemActions: Ki,
-  actionButton: Zi,
-  empty: Yi
-}, Kt = ({
+Zt.displayName = "BlockDefaultsPanel";
+const Ui = "_list_12dfx_10", Vi = "_item_12dfx_19", qi = "_selected_12dfx_41", Gi = "_dragHandle_12dfx_46", Hi = "_ghost_12dfx_57", Ki = "_itemInfo_12dfx_68", Zi = "_itemId_12dfx_75", Yi = "_itemMeta_12dfx_80", Ji = "_itemKind_12dfx_87", Xi = "_itemActions_12dfx_95", Qi = "_actionButton_12dfx_100", ea = "_empty_12dfx_136", U = {
+  list: Ui,
+  item: Vi,
+  selected: qi,
+  dragHandle: Gi,
+  ghost: Hi,
+  itemInfo: Ki,
+  itemId: Zi,
+  itemMeta: Yi,
+  itemKind: Ji,
+  itemActions: Xi,
+  actionButton: Qi,
+  empty: ea
+}, Yt = ({
   blocks: e,
   onBlocksChange: n,
   selectedBlockIds: i,
@@ -3862,21 +3879,21 @@ const Ri = "_list_12dfx_10", Oi = "_item_12dfx_19", Fi = "_selected_12dfx_41", j
 }) => {
   const [o, c] = O(null), [r, s] = O(
     null
-  ), d = ie(null), u = ie(null), h = [...e].reverse(), f = (() => {
+  ), d = ae(null), u = ae(null), h = [...e].reverse(), v = (() => {
     if (o === null) return null;
     const b = h.findIndex((x) => x.id === o);
     return b === -1 ? null : b;
-  })(), v = te(() => {
-    if (f === null || r === null)
+  })(), f = ne(() => {
+    if (v === null || r === null)
       return h;
-    const b = h[f];
+    const b = h[v];
     if (!b) return h;
-    const N = [...h.filter((T, D) => D !== f)], C = Math.max(
+    const N = [...h.filter((T, P) => P !== v)], C = Math.max(
       0,
       Math.min(r, N.length)
     );
     return N.splice(C, 0, b), N;
-  }, [h, f, r]), m = y(
+  }, [h, v, r]), m = y(
     (b) => {
       const x = e.findIndex((T) => T.id === b);
       if (x === -1 || x === e.length - 1) return;
@@ -3894,7 +3911,7 @@ const Ri = "_list_12dfx_10", Oi = "_item_12dfx_19", Fi = "_selected_12dfx_41", j
     [e, n]
   ), _ = y(
     (b) => {
-      const x = e.findIndex((D) => D.id === b);
+      const x = e.findIndex((P) => P.id === b);
       if (x === -1 || x === e.length - 1) return;
       const N = [...e], C = N[x], T = N[x + 1];
       !C || !T || (N[x] = T, N[x + 1] = C, n(N));
@@ -3902,7 +3919,7 @@ const Ri = "_list_12dfx_10", Oi = "_item_12dfx_19", Fi = "_selected_12dfx_41", j
     [e, n]
   ), w = y(
     (b) => {
-      const x = e.findIndex((D) => D.id === b);
+      const x = e.findIndex((P) => P.id === b);
       if (x === -1 || x === 0) return;
       const N = [...e], C = N[x], T = N[x - 1];
       !C || !T || (N[x] = T, N[x - 1] = C, n(N));
@@ -3923,48 +3940,48 @@ const Ri = "_list_12dfx_10", Oi = "_item_12dfx_19", Fi = "_selected_12dfx_41", j
   }, [n, l, a]), k = y(
     (b, x, N) => {
       if (b.preventDefault(), b.dataTransfer.dropEffect = "move", o === null || N === o) return;
-      const C = r ?? u.current ?? 0, T = x < C ? x : x - 1, D = b.currentTarget.getBoundingClientRect(), A = D.top + D.height / 2, E = b.clientY < A ? T : T + 1;
+      const C = r ?? u.current ?? 0, T = x < C ? x : x - 1, P = b.currentTarget.getBoundingClientRect(), A = P.top + P.height / 2, E = b.clientY < A ? T : T + 1;
       if (E === r) return;
       s(E);
-      const B = d.current;
-      if (B) {
-        const J = [...B].reverse(), rt = J.find(
-          ($e) => $e.id === o
+      const z = d.current;
+      if (z) {
+        const J = [...z].reverse(), ct = J.find(
+          (Le) => Le.id === o
         );
-        if (rt) {
-          const $e = J.filter(
-            (ln) => ln.id !== o
-          ), nn = Math.max(0, Math.min(E, $e.length)), ct = [...$e];
-          ct.splice(nn, 0, rt), n([...ct].reverse());
+        if (ct) {
+          const Le = J.filter(
+            (on) => on.id !== o
+          ), an = Math.max(0, Math.min(E, Le.length)), dt = [...Le];
+          dt.splice(an, 0, ct), n([...dt].reverse());
         }
       }
     },
     [o, r, n]
   ), I = y(
     (b) => {
-      b.currentTarget.contains(b.relatedTarget) || s(f);
+      b.currentTarget.contains(b.relatedTarget) || s(v);
     },
-    [f]
+    [v]
   ), S = y(
     (b) => {
-      if (b.preventDefault(), d.current = null, f !== null && r !== null) {
-        const x = h[f];
+      if (b.preventDefault(), d.current = null, v !== null && r !== null) {
+        const x = h[v];
         if (x) {
-          const N = h.filter((E, B) => B !== f), C = Math.max(
+          const N = h.filter((E, z) => z !== v), C = Math.max(
             0,
             Math.min(r, N.length)
           ), T = [...N];
           T.splice(C, 0, x);
-          const D = [...T].reverse();
-          D.every((E, B) => {
+          const P = [...T].reverse();
+          P.every((E, z) => {
             var J;
-            return E.id === ((J = e[B]) == null ? void 0 : J.id);
-          }) || n(D);
+            return E.id === ((J = e[z]) == null ? void 0 : J.id);
+          }) || n(P);
         }
       }
       c(null), s(null);
     },
-    [e, f, r, h, n]
+    [e, v, r, h, n]
   );
   return /* @__PURE__ */ p(
     V,
@@ -3983,14 +4000,14 @@ const Ri = "_list_12dfx_10", Oi = "_item_12dfx_19", Fi = "_selected_12dfx_41", j
             onDragLeave: I,
             onDrop: S,
             onDragOver: (b) => b.preventDefault(),
-            children: v.map((b, x) => {
+            children: f.map((b, x) => {
               const N = h.findIndex(
                 (A) => A.id === b.id
-              ), C = b.id === o, T = e.length - 1 - N, D = (i == null ? void 0 : i.includes(b.id)) ?? !1;
+              ), C = b.id === o, T = e.length - 1 - N, P = (i == null ? void 0 : i.includes(b.id)) ?? !1;
               return /* @__PURE__ */ p(
                 "li",
                 {
-                  className: `${U.item} ${C ? U.ghost : ""} ${D ? U.selected : ""}`,
+                  className: `${U.item} ${C ? U.ghost : ""} ${P ? U.selected : ""}`,
                   draggable: !C,
                   onDragStart: C ? void 0 : (A) => L(A, N),
                   onDragEnd: $,
@@ -4088,26 +4105,26 @@ const Ri = "_list_12dfx_10", Oi = "_item_12dfx_19", Fi = "_selected_12dfx_41", j
     }
   );
 };
-Kt.displayName = "BlockOrderPanel";
-const Ji = "_container_1x0zd_4", Xi = "_group_1x0zd_16", Qi = "_divider_1x0zd_22", Te = {
-  container: Ji,
-  group: Xi,
-  divider: Qi
-}, Zt = ({
+Yt.displayName = "BlockOrderPanel";
+const ta = "_container_1x0zd_4", na = "_group_1x0zd_16", la = "_divider_1x0zd_22", Ee = {
+  container: ta,
+  group: na,
+  divider: la
+}, Jt = ({
   context: e,
   onActionFeedback: n
 }) => {
   const { actionContext: i } = e, l = e.editorState.selectedBlockIds, a = ((l == null ? void 0 : l.length) ?? 0) > 0, o = i.isEnabled("undo"), c = i.isEnabled("redo"), r = i.isEnabled("paste"), s = (d) => {
     i.execute(d);
-    const u = lt(d);
+    const u = it(d);
     u && (n == null || n(u));
   };
-  return /* @__PURE__ */ p("div", { className: Te.container, "data-testid": "canvas-action-panel", children: [
-    /* @__PURE__ */ p("div", { className: Te.group, children: [
+  return /* @__PURE__ */ p("div", { className: Ee.container, "data-testid": "canvas-action-panel", children: [
+    /* @__PURE__ */ p("div", { className: Ee.group, children: [
       /* @__PURE__ */ t(
         Z,
         {
-          icon: /* @__PURE__ */ t(Xe, { "aria-hidden": "true" }),
+          icon: /* @__PURE__ */ t(Qe, { "aria-hidden": "true" }),
           label: "元に戻す",
           title: "元に戻す (Ctrl+Z / Cmd+Z)",
           onClick: () => s("undo"),
@@ -4117,7 +4134,7 @@ const Ji = "_container_1x0zd_4", Xi = "_group_1x0zd_16", Qi = "_divider_1x0zd_22
       /* @__PURE__ */ t(
         Z,
         {
-          icon: /* @__PURE__ */ t(Qe, { "aria-hidden": "true" }),
+          icon: /* @__PURE__ */ t(et, { "aria-hidden": "true" }),
           label: "やり直し",
           title: "やり直し (Ctrl+Y / Cmd+Y)",
           onClick: () => s("redo"),
@@ -4125,12 +4142,12 @@ const Ji = "_container_1x0zd_4", Xi = "_group_1x0zd_16", Qi = "_divider_1x0zd_22
         }
       )
     ] }),
-    /* @__PURE__ */ t("div", { className: Te.divider, "aria-hidden": "true" }),
-    /* @__PURE__ */ p("div", { className: Te.group, children: [
+    /* @__PURE__ */ t("div", { className: Ee.divider, "aria-hidden": "true" }),
+    /* @__PURE__ */ p("div", { className: Ee.group, children: [
       /* @__PURE__ */ t(
         Z,
         {
-          icon: /* @__PURE__ */ t(et, { "aria-hidden": "true" }),
+          icon: /* @__PURE__ */ t(tt, { "aria-hidden": "true" }),
           label: "選択を削除",
           title: "削除 (Delete / Backspace)",
           onClick: () => s("delete"),
@@ -4140,7 +4157,7 @@ const Ji = "_container_1x0zd_4", Xi = "_group_1x0zd_16", Qi = "_divider_1x0zd_22
       /* @__PURE__ */ t(
         Z,
         {
-          icon: /* @__PURE__ */ t(tt, { "aria-hidden": "true" }),
+          icon: /* @__PURE__ */ t(nt, { "aria-hidden": "true" }),
           label: "選択をコピー",
           title: "コピー (Ctrl+C / Cmd+C)",
           onClick: () => s("copy"),
@@ -4160,7 +4177,7 @@ const Ji = "_container_1x0zd_4", Xi = "_group_1x0zd_16", Qi = "_divider_1x0zd_22
       /* @__PURE__ */ t(
         Z,
         {
-          icon: /* @__PURE__ */ t(nt, { "aria-hidden": "true" }),
+          icon: /* @__PURE__ */ t(lt, { "aria-hidden": "true" }),
           label: "選択を複製",
           title: "複製 (Ctrl+D / Cmd+D)",
           onClick: () => s("duplicate"),
@@ -4170,37 +4187,37 @@ const Ji = "_container_1x0zd_4", Xi = "_group_1x0zd_16", Qi = "_divider_1x0zd_22
     ] })
   ] });
 };
-Zt.displayName = "CanvasActionPanel";
-const Yt = ({ children: e, className: n }) => /* @__PURE__ */ t(Mt, { className: n, children: e });
-Yt.displayName = "CanvasPanel";
-const ea = "_field_69k7e_6", ta = "_horizontal_69k7e_12", na = "_label_69k7e_18", la = "_gridSizeRow_69k7e_29", de = {
-  field: ea,
-  horizontal: ta,
-  label: na,
-  gridSizeRow: la
-}, bt = { value: 1, unit: "fr" }, Jt = ({ grid: e, onGridChange: n }) => {
+Jt.displayName = "CanvasActionPanel";
+const Xt = ({ children: e, className: n }) => /* @__PURE__ */ t(Dt, { className: n, children: e });
+Xt.displayName = "CanvasPanel";
+const ia = "_field_69k7e_6", aa = "_horizontal_69k7e_12", oa = "_label_69k7e_18", sa = "_gridSizeRow_69k7e_29", he = {
+  field: ia,
+  horizontal: aa,
+  label: oa,
+  gridSizeRow: sa
+}, vt = { value: 1, unit: "fr" }, Qt = ({ grid: e, onGridChange: n }) => {
   const i = y(
     (a) => {
       if (!a || a < 1 || a > 100) return;
-      const o = _t(e), c = e.colCount, r = [...o];
+      const o = wt(e), c = e.colCount, r = [...o];
       if (a > c)
         for (let s = c; s < a; s++)
-          r.push({ ...bt });
+          r.push({ ...vt });
       else
         r.splice(a);
-      n({ ...e, ...xt(r) });
+      n({ ...e, ...Nt(r) });
     },
     [e, n]
   ), l = y(
     (a) => {
       if (!a || a < 1 || a > 100) return;
-      const o = wt(e), c = e.rowCount, r = [...o];
+      const o = Ct(e), c = e.rowCount, r = [...o];
       if (a > c)
         for (let s = c; s < a; s++)
-          r.push({ ...bt });
+          r.push({ ...vt });
       else
         r.splice(a);
-      n({ ...e, ...Nt(r) });
+      n({ ...e, ...St(r) });
     },
     [e, n]
   );
@@ -4211,9 +4228,9 @@ const ea = "_field_69k7e_6", ta = "_horizontal_69k7e_12", na = "_label_69k7e_18"
       collapsible: !0,
       defaultCollapsed: !1,
       description: "ブロックを配置するグリッドの列数と行数を設定します",
-      children: /* @__PURE__ */ p("div", { className: de.gridSizeRow, children: [
-        /* @__PURE__ */ p("div", { className: `${de.field} ${de.horizontal}`, children: [
-          /* @__PURE__ */ t("span", { className: de.label, children: "列数" }),
+      children: /* @__PURE__ */ p("div", { className: he.gridSizeRow, children: [
+        /* @__PURE__ */ p("div", { className: `${he.field} ${he.horizontal}`, children: [
+          /* @__PURE__ */ t("span", { className: he.label, children: "列数" }),
           /* @__PURE__ */ t(
             G,
             {
@@ -4225,8 +4242,8 @@ const ea = "_field_69k7e_6", ta = "_horizontal_69k7e_12", na = "_label_69k7e_18"
             }
           )
         ] }),
-        /* @__PURE__ */ p("div", { className: `${de.field} ${de.horizontal}`, children: [
-          /* @__PURE__ */ t("span", { className: de.label, children: "行数" }),
+        /* @__PURE__ */ p("div", { className: `${he.field} ${he.horizontal}`, children: [
+          /* @__PURE__ */ t("span", { className: he.label, children: "行数" }),
           /* @__PURE__ */ t(
             G,
             {
@@ -4242,19 +4259,19 @@ const ea = "_field_69k7e_6", ta = "_horizontal_69k7e_12", na = "_label_69k7e_18"
     }
   );
 };
-Jt.displayName = "GridSizePanel";
-const ia = "_topRow_2ni80_6", aa = "_linkSwitch_2ni80_15", oa = "_switchLabel_2ni80_23", sa = "_switchLabelActive_2ni80_31", ra = "_toggle_2ni80_35", ca = "_thumb_2ni80_52", da = "_topCell_2ni80_70", ha = "_sideCell_2ni80_75", ua = "_bottomCell_2ni80_81", pa = "_sideMargins_2ni80_88", H = {
-  topRow: ia,
-  linkSwitch: aa,
-  switchLabel: oa,
-  switchLabelActive: sa,
-  toggle: ra,
-  thumb: ca,
-  topCell: da,
-  sideCell: ha,
-  bottomCell: ua,
-  sideMargins: pa
-}, Xt = ({ paper: e, onPaperChange: n }) => {
+Qt.displayName = "GridSizePanel";
+const ra = "_topRow_2ni80_6", ca = "_linkSwitch_2ni80_15", da = "_switchLabel_2ni80_23", ha = "_switchLabelActive_2ni80_31", ua = "_toggle_2ni80_35", pa = "_thumb_2ni80_52", ma = "_topCell_2ni80_70", ba = "_sideCell_2ni80_75", fa = "_bottomCell_2ni80_81", va = "_sideMargins_2ni80_88", H = {
+  topRow: ra,
+  linkSwitch: ca,
+  switchLabel: da,
+  switchLabelActive: ha,
+  toggle: ua,
+  thumb: pa,
+  topCell: ma,
+  sideCell: ba,
+  bottomCell: fa,
+  sideMargins: va
+}, en = ({ paper: e, onPaperChange: n }) => {
   const [i, l] = O(!1), a = y(
     (s) => {
       if (!s) return;
@@ -4354,7 +4371,7 @@ const ia = "_topRow_2ni80_6", aa = "_linkSwitch_2ni80_15", oa = "_switchLabel_2n
             }
           ) })
         ] }),
-        !i && /* @__PURE__ */ p(oe, { children: [
+        !i && /* @__PURE__ */ p(se, { children: [
           /* @__PURE__ */ p("div", { className: H.sideMargins, children: [
             /* @__PURE__ */ t("div", { className: H.sideCell, children: /* @__PURE__ */ t(
               j,
@@ -4392,21 +4409,21 @@ const ia = "_topRow_2ni80_6", aa = "_linkSwitch_2ni80_15", oa = "_switchLabel_2n
     }
   );
 };
-Xt.displayName = "MarginPanel";
-const ma = "_grid_ddemj_5", ba = "_colSpan2_ddemj_13", va = "_colSpan3_ddemj_18", fa = "_label_ddemj_23", ga = "_modeLabel_ddemj_32", ya = "_modeToggle_ddemj_40", _a = "_switchLabel_ddemj_47", xa = "_switchLabelActive_ddemj_55", wa = "_toggle_ddemj_59", Na = "_thumb_ddemj_76", Ca = "_checkboxCell_ddemj_92", M = {
-  grid: ma,
-  colSpan2: ba,
-  colSpan3: va,
-  label: fa,
-  modeLabel: ga,
-  modeToggle: ya,
-  switchLabel: _a,
-  switchLabelActive: xa,
-  toggle: wa,
-  thumb: Na,
-  checkboxCell: Ca
+en.displayName = "MarginPanel";
+const ga = "_grid_ddemj_5", ya = "_colSpan2_ddemj_13", _a = "_colSpan3_ddemj_18", xa = "_label_ddemj_23", wa = "_modeLabel_ddemj_32", Na = "_modeToggle_ddemj_40", Ca = "_switchLabel_ddemj_47", Sa = "_switchLabelActive_ddemj_55", Ia = "_toggle_ddemj_59", $a = "_thumb_ddemj_76", La = "_checkboxCell_ddemj_92", M = {
+  grid: ga,
+  colSpan2: ya,
+  colSpan3: _a,
+  label: xa,
+  modeLabel: wa,
+  modeToggle: Na,
+  switchLabel: Ca,
+  switchLabelActive: Sa,
+  toggle: Ia,
+  thumb: $a,
+  checkboxCell: La
 };
-function vt(e, n) {
+function gt(e, n) {
   switch (n) {
     case "cm":
       return e / 10;
@@ -4416,11 +4433,11 @@ function vt(e, n) {
       return e;
   }
 }
-const Qt = ({
+const tn = ({
   paper: e,
   onPaperChange: n
 }) => {
-  const i = te(
+  const i = ne(
     () => [
       { value: F.A4, label: "A4 (210 × 297 mm)" },
       { value: F.A3, label: "A3 (297 × 420 mm)" },
@@ -4437,7 +4454,7 @@ const Qt = ({
     [e, n]
   ), a = y(
     (_) => {
-      _ && n({ ...e, size: Ct[_] });
+      _ && n({ ...e, size: It[_] });
     },
     [e, n]
   ), o = y(
@@ -4466,12 +4483,12 @@ const Qt = ({
     n({ ...e, autoHeight: s ? void 0 : !0 });
   }, [e, s, n]), h = y(() => {
     n({ ...e, autoWidth: d ? void 0 : !0 });
-  }, [e, d, n]), f = s ? "最小高さ" : "高さ", v = d ? "最小幅" : "幅", m = te(() => {
+  }, [e, d, n]), v = s ? "最小高さ" : "高さ", f = d ? "最小幅" : "幅", m = ne(() => {
     const _ = K.fromDim(e.margin.left) + K.fromDim(e.margin.right);
-    return vt(_, e.size.width.unit);
-  }, [e.margin.left, e.margin.right, e.size.width.unit]), g = te(() => {
+    return gt(_, e.size.width.unit);
+  }, [e.margin.left, e.margin.right, e.size.width.unit]), g = ne(() => {
     const _ = K.fromDim(e.margin.top) + K.fromDim(e.margin.bottom);
-    return vt(_, e.size.height.unit);
+    return gt(_, e.size.height.unit);
   }, [e.margin.top, e.margin.bottom, e.size.height.unit]);
   return /* @__PURE__ */ t(
     V,
@@ -4483,7 +4500,7 @@ const Qt = ({
       children: /* @__PURE__ */ p("div", { className: M.grid, children: [
         /* @__PURE__ */ t("span", { className: `${M.label} ${M.colSpan2}`, children: "用紙サイズ" }),
         /* @__PURE__ */ t("div", { className: M.colSpan3, children: /* @__PURE__ */ t(
-          ge,
+          ye,
           {
             value: e.size.preset,
             options: i,
@@ -4492,7 +4509,7 @@ const Qt = ({
         ) }),
         /* @__PURE__ */ t("span", { className: `${M.label} ${M.colSpan2}`, children: "横向き" }),
         /* @__PURE__ */ t("div", { className: M.checkboxCell, children: /* @__PURE__ */ t(
-          ae,
+          oe,
           {
             value: e.orientation === !0,
             onChange: l
@@ -4556,8 +4573,8 @@ const Qt = ({
             }
           )
         ] }),
-        r && /* @__PURE__ */ p(oe, { children: [
-          /* @__PURE__ */ t("span", { className: M.label, children: v }),
+        r && /* @__PURE__ */ p(se, { children: [
+          /* @__PURE__ */ t("span", { className: M.label, children: f }),
           /* @__PURE__ */ t("div", { className: M.colSpan3, children: /* @__PURE__ */ t(
             j,
             {
@@ -4568,7 +4585,7 @@ const Qt = ({
               max: 500
             }
           ) }),
-          /* @__PURE__ */ t("span", { className: M.label, children: f }),
+          /* @__PURE__ */ t("span", { className: M.label, children: v }),
           /* @__PURE__ */ t("div", { className: M.colSpan3, children: /* @__PURE__ */ t(
             j,
             {
@@ -4584,8 +4601,8 @@ const Qt = ({
     }
   );
 };
-Qt.displayName = "PaperSizePanel";
-const Sa = ({
+tn.displayName = "PaperSizePanel";
+const ka = ({
   context: e,
   onBlockHover: n,
   onBlockDragChange: i,
@@ -4603,11 +4620,11 @@ const Sa = ({
       );
       o(
         { ...a, pages: g },
-        { mergeKey: un(r) }
+        { mergeKey: bn(r) }
       );
     },
     [a, o, r]
-  ), f = y(
+  ), v = y(
     (m) => {
       const g = a.pages.map(
         (_, w) => w === r ? { ..._, blocks: m } : _
@@ -4615,7 +4632,7 @@ const Sa = ({
       o({ ...a, pages: g });
     },
     [a, o, r]
-  ), v = y(
+  ), f = y(
     (m) => {
       const g = a.pages.map(
         (_, w) => w === r ? { ..._, blockDefaults: m } : _
@@ -4624,30 +4641,30 @@ const Sa = ({
     },
     [a, o, r]
   );
-  return /* @__PURE__ */ p(Yt, { children: [
+  return /* @__PURE__ */ p(Xt, { children: [
     /* @__PURE__ */ t(
-      Zt,
+      Jt,
       {
         context: e,
         onActionFeedback: l
       }
     ),
-    /* @__PURE__ */ t(Qt, { paper: a.paper, onPaperChange: u }),
-    /* @__PURE__ */ t(Xt, { paper: a.paper, onPaperChange: u }),
-    /* @__PURE__ */ t(Jt, { grid: d.grid, onGridChange: h }),
+    /* @__PURE__ */ t(tn, { paper: a.paper, onPaperChange: u }),
+    /* @__PURE__ */ t(en, { paper: a.paper, onPaperChange: u }),
+    /* @__PURE__ */ t(Qt, { grid: d.grid, onGridChange: h }),
     c && Object.keys(c).length > 0 && /* @__PURE__ */ t(
-      Ht,
+      Zt,
       {
         blockDefaults: d.blockDefaults ?? {},
         pluginRegistry: c,
-        onChange: v
+        onChange: f
       }
     ),
     /* @__PURE__ */ t(
-      Kt,
+      Yt,
       {
         blocks: d.blocks,
-        onBlocksChange: f,
+        onBlocksChange: v,
         selectedBlockIds: s,
         onBlockHover: n,
         onBlockDragChange: i
@@ -4655,27 +4672,27 @@ const Sa = ({
     )
   ] });
 };
-Sa.displayName = "DefaultCanvasPanel";
-const Ia = "_buttonGroup_5h1ft_1", $a = "_button_5h1ft_1", La = "_error_5h1ft_33", R = {
-  buttonGroup: Ia,
-  button: $a,
-  error: La
-}, ft = (e, n) => {
+ka.displayName = "DefaultCanvasPanel";
+const Ta = "_buttonGroup_5h1ft_1", Ea = "_button_5h1ft_1", Aa = "_error_5h1ft_33", W = {
+  buttonGroup: Ta,
+  button: Ea,
+  error: Aa
+}, yt = (e, n) => {
   const i = [];
   for (const l of Object.keys(e))
     l in n || i.push({ id: l, value: void 0 });
   for (const [l, a] of Object.entries(n))
     i.push({ id: l, value: a });
   return i;
-}, en = ({
+}, nn = ({
   book: e,
   values: n,
   onBookChange: i,
   onValuesChange: l
 }) => {
-  const [a, o] = O(""), c = ie(null), r = ie(null), s = y(() => {
+  const [a, o] = O(""), c = ae(null), r = ae(null), s = y(() => {
     try {
-      const b = dt(e), x = new Blob([b], { type: "application/json" }), N = URL.createObjectURL(x), C = document.createElement("a");
+      const b = ht(e), x = new Blob([b], { type: "application/json" }), N = URL.createObjectURL(x), C = document.createElement("a");
       C.href = N, C.download = "book.json", C.click(), URL.revokeObjectURL(N), o("");
     } catch (b) {
       o(
@@ -4684,7 +4701,7 @@ const Ia = "_buttonGroup_5h1ft_1", $a = "_button_5h1ft_1", La = "_error_5h1ft_33
     }
   }, [e]), d = y(async () => {
     try {
-      const b = dt(e);
+      const b = ht(e);
       await navigator.clipboard.writeText(b), o(""), alert("ブックをクリップボードにコピーしました");
     } catch (b) {
       o(
@@ -4693,23 +4710,23 @@ const Ia = "_buttonGroup_5h1ft_1", $a = "_button_5h1ft_1", La = "_error_5h1ft_33
     }
   }, [e]), u = y(
     (b) => {
-      const x = pn(b);
+      const x = fn(b);
       i(x);
     },
     [i]
   ), h = y(() => {
     var b;
     (b = c.current) == null || b.click();
-  }, []), f = y(
+  }, []), v = y(
     (b) => {
       var C;
       const x = (C = b.target.files) == null ? void 0 : C[0];
       if (!x) return;
       const N = new FileReader();
       N.onload = (T) => {
-        var D;
+        var P;
         try {
-          u((D = T.target) == null ? void 0 : D.result), o(""), alert("インポートしました");
+          u((P = T.target) == null ? void 0 : P.result), o(""), alert("インポートしました");
         } catch (A) {
           o(
             `インポートエラー: ${A instanceof Error ? A.message : String(A)}`
@@ -4718,7 +4735,7 @@ const Ia = "_buttonGroup_5h1ft_1", $a = "_button_5h1ft_1", La = "_error_5h1ft_33
       }, N.readAsText(x), b.target.value = "";
     },
     [u]
-  ), v = y(async () => {
+  ), f = y(async () => {
     try {
       const b = await navigator.clipboard.readText();
       u(b), o(""), alert("インポートしました");
@@ -4755,9 +4772,9 @@ const Ia = "_buttonGroup_5h1ft_1", $a = "_button_5h1ft_1", La = "_error_5h1ft_33
       if (!x) return;
       const N = new FileReader();
       N.onload = (T) => {
-        var D;
+        var P;
         try {
-          const A = ht((D = T.target) == null ? void 0 : D.result), E = ft(n, A);
+          const A = ut((P = T.target) == null ? void 0 : P.result), E = yt(n, A);
           l(E), o(""), alert("値をインポートしました");
         } catch (A) {
           o(
@@ -4769,14 +4786,14 @@ const Ia = "_buttonGroup_5h1ft_1", $a = "_button_5h1ft_1", La = "_error_5h1ft_33
     [l, n]
   ), L = y(async () => {
     try {
-      const b = await navigator.clipboard.readText(), x = ht(b), N = ft(n, x);
+      const b = await navigator.clipboard.readText(), x = ut(b), N = yt(n, x);
       l(N), o(""), alert("値をインポートしました");
     } catch (b) {
       o(
         `クリップボードエラー: ${b instanceof Error ? b.message : String(b)}`
       );
     }
-  }, [l, n]), $ = ie(null), k = y(() => {
+  }, [l, n]), $ = ae(null), k = y(() => {
     try {
       const b = e.pages[0], x = JSON.stringify(
         { grid: b.grid, blocks: b.blocks },
@@ -4799,15 +4816,15 @@ const Ia = "_buttonGroup_5h1ft_1", $a = "_button_5h1ft_1", La = "_error_5h1ft_33
       if (!x) return;
       const N = new FileReader();
       N.onload = (T) => {
-        var D;
+        var P;
         try {
-          const A = JSON.parse((D = T.target) == null ? void 0 : D.result), E = mn({
+          const A = JSON.parse((P = T.target) == null ? void 0 : P.result), E = vn({
             grid: A.grid,
             blocks: A.blocks ?? [],
             ...A.metaData !== void 0 ? { metaData: A.metaData } : {},
             ...A.blockDefaults !== void 0 ? { blockDefaults: A.blockDefaults } : {}
-          }), B = [...e.pages];
-          B[0] = E, i({ ...e, pages: B }), o(""), alert("スキーマをインポートしました");
+          }), z = [...e.pages];
+          z[0] = E, i({ ...e, pages: z }), o(""), alert("スキーマをインポートしました");
         } catch (A) {
           o(
             `インポートエラー: ${A instanceof Error ? A.message : String(A)}`
@@ -4817,14 +4834,14 @@ const Ia = "_buttonGroup_5h1ft_1", $a = "_button_5h1ft_1", La = "_error_5h1ft_33
     },
     [e, i]
   );
-  return /* @__PURE__ */ p(oe, { children: [
+  return /* @__PURE__ */ p(se, { children: [
     /* @__PURE__ */ p(V, { title: "ブック", children: [
-      /* @__PURE__ */ p("div", { className: R.buttonGroup, children: [
+      /* @__PURE__ */ p("div", { className: W.buttonGroup, children: [
         /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            className: R.button,
+            className: W.button,
             "data-testid": "export-book-file",
             onClick: s,
             children: "📥 ファイルにエクスポート"
@@ -4834,19 +4851,19 @@ const Ia = "_buttonGroup_5h1ft_1", $a = "_button_5h1ft_1", La = "_error_5h1ft_33
           "button",
           {
             type: "button",
-            className: R.button,
+            className: W.button,
             "data-testid": "export-book-clipboard",
             onClick: d,
             children: "📋 クリップボードにコピー"
           }
         )
       ] }),
-      /* @__PURE__ */ p("div", { className: R.buttonGroup, children: [
+      /* @__PURE__ */ p("div", { className: W.buttonGroup, children: [
         /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            className: R.button,
+            className: W.button,
             "data-testid": "import-book-file",
             onClick: h,
             children: "📤 ファイルからインポート"
@@ -4856,9 +4873,9 @@ const Ia = "_buttonGroup_5h1ft_1", $a = "_button_5h1ft_1", La = "_error_5h1ft_33
           "button",
           {
             type: "button",
-            className: R.button,
+            className: W.button,
             "data-testid": "import-book-clipboard",
-            onClick: v,
+            onClick: f,
             children: "📋 クリップボードからペースト"
           }
         )
@@ -4870,17 +4887,17 @@ const Ia = "_buttonGroup_5h1ft_1", $a = "_button_5h1ft_1", La = "_error_5h1ft_33
           type: "file",
           accept: ".json",
           style: { display: "none" },
-          onChange: f
+          onChange: v
         }
       )
     ] }),
     /* @__PURE__ */ p(V, { title: "値", children: [
-      /* @__PURE__ */ p("div", { className: R.buttonGroup, children: [
+      /* @__PURE__ */ p("div", { className: W.buttonGroup, children: [
         /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            className: R.button,
+            className: W.button,
             "data-testid": "export-values-file",
             onClick: m,
             children: "📥 ファイルにエクスポート"
@@ -4890,19 +4907,19 @@ const Ia = "_buttonGroup_5h1ft_1", $a = "_button_5h1ft_1", La = "_error_5h1ft_33
           "button",
           {
             type: "button",
-            className: R.button,
+            className: W.button,
             "data-testid": "export-values-clipboard",
             onClick: g,
             children: "📋 クリップボードにコピー"
           }
         )
       ] }),
-      /* @__PURE__ */ p("div", { className: R.buttonGroup, children: [
+      /* @__PURE__ */ p("div", { className: W.buttonGroup, children: [
         /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            className: R.button,
+            className: W.button,
             "data-testid": "import-values-file",
             onClick: _,
             children: "📤 ファイルからインポート"
@@ -4912,7 +4929,7 @@ const Ia = "_buttonGroup_5h1ft_1", $a = "_button_5h1ft_1", La = "_error_5h1ft_33
           "button",
           {
             type: "button",
-            className: R.button,
+            className: W.button,
             "data-testid": "import-values-clipboard",
             onClick: L,
             children: "📋 クリップボードからペースト"
@@ -4931,21 +4948,21 @@ const Ia = "_buttonGroup_5h1ft_1", $a = "_button_5h1ft_1", La = "_error_5h1ft_33
       )
     ] }),
     /* @__PURE__ */ p(V, { title: "スキーマ", children: [
-      /* @__PURE__ */ t("div", { className: R.buttonGroup, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t("div", { className: W.buttonGroup, children: /* @__PURE__ */ t(
         "button",
         {
           type: "button",
-          className: R.button,
+          className: W.button,
           "data-testid": "export-schema-file",
           onClick: k,
           children: "📥 スキーマをエクスポート"
         }
       ) }),
-      /* @__PURE__ */ t("div", { className: R.buttonGroup, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t("div", { className: W.buttonGroup, children: /* @__PURE__ */ t(
         "button",
         {
           type: "button",
-          className: R.button,
+          className: W.button,
           "data-testid": "import-schema-file",
           onClick: I,
           children: "📤 スキーマをインポート"
@@ -4962,17 +4979,17 @@ const Ia = "_buttonGroup_5h1ft_1", $a = "_button_5h1ft_1", La = "_error_5h1ft_33
         }
       )
     ] }),
-    a && /* @__PURE__ */ t("div", { className: R.error, role: "alert", children: a })
+    a && /* @__PURE__ */ t("div", { className: W.error, role: "alert", children: a })
   ] });
 };
-en.displayName = "ImportExportPanel";
-const ka = ({
+nn.displayName = "ImportExportPanel";
+const Ma = ({
   context: e,
   sections: n
 }) => {
   const i = [
     /* @__PURE__ */ t(
-      en,
+      nn,
       {
         book: e.book,
         values: e.values,
@@ -4983,23 +5000,23 @@ const ka = ({
       "import-export"
     )
   ];
-  return /* @__PURE__ */ t(Mt, { children: n ?? i });
+  return /* @__PURE__ */ t(Dt, { children: n ?? i });
 };
-ka.displayName = "OtherPanel";
-const Ta = "_container_16a0l_1", Ea = "_paletteItems_16a0l_11", Aa = "_item_16a0l_23", Ma = "_itemName_16a0l_49", Da = "_itemPreview_16a0l_77", Ce = {
-  container: Ta,
-  paletteItems: Ea,
-  item: Aa,
-  itemName: Ma,
-  itemPreview: Da
-}, Pa = ({ context: e, className: n }) => {
+Ma.displayName = "OtherPanel";
+const Pa = "_container_16a0l_1", Da = "_paletteItems_16a0l_11", za = "_item_16a0l_23", Ba = "_itemName_16a0l_49", Ra = "_itemPreview_16a0l_77", Se = {
+  container: Pa,
+  paletteItems: Da,
+  item: za,
+  itemName: Ba,
+  itemPreview: Ra
+}, Wa = ({ context: e, className: n }) => {
   const i = Object.values(e.pluginRegistry).filter(
     (o) => o !== void 0
-  ), l = e.book.pages[e.editorState.pageIdx], { getBlockRectPx: a } = bn(
+  ), l = e.book.pages[e.editorState.pageIdx], { getBlockRectPx: a } = gn(
     e.book.paper,
-    (l == null ? void 0 : l.grid) ?? vn
+    (l == null ? void 0 : l.grid) ?? yn
   );
-  return /* @__PURE__ */ t("div", { className: `${Ce.container} ${n || ""}`, children: /* @__PURE__ */ t("div", { className: Ce.paletteItems, children: i.map((o) => {
+  return /* @__PURE__ */ t("div", { className: `${Se.container} ${n || ""}`, children: /* @__PURE__ */ t("div", { className: Se.paletteItems, children: i.map((o) => {
     const c = o.meta.defaultSize ?? { w: 1, h: 1 }, r = a({
       id: "ghost",
       kind: o.kind,
@@ -5007,7 +5024,7 @@ const Ta = "_container_16a0l_1", Ea = "_paletteItems_16a0l_11", Aa = "_item_16a0
       props: {}
     });
     return /* @__PURE__ */ t(
-      tn,
+      ln,
       {
         plugin: o,
         ghostWidth: r.width,
@@ -5017,9 +5034,9 @@ const Ta = "_container_16a0l_1", Ea = "_paletteItems_16a0l_11", Aa = "_item_16a0
     );
   }) }) });
 };
-Pa.displayName = "PalettePanel";
-const tn = ({ plugin: e, ghostWidth: n, ghostHeight: i }) => {
-  const l = te(() => {
+Wa.displayName = "PalettePanel";
+const ln = ({ plugin: e, ghostWidth: n, ghostHeight: i }) => {
+  const l = ne(() => {
     var c, r;
     return {
       id: `preview-${e.kind}`,
@@ -5034,20 +5051,20 @@ const tn = ({ plugin: e, ghostWidth: n, ghostHeight: i }) => {
     };
   }, [e]), a = null, o = y(
     (c) => {
-      fn(c, e.kind, e.meta.defaultSize ?? { w: 1, h: 1 });
+      _n(c, e.kind, e.meta.defaultSize ?? { w: 1, h: 1 });
       const r = Math.round(n), s = Math.round(i), d = document.createElement("div");
       d.style.cssText = `position:fixed;top:-9999px;left:-9999px;width:${r}px;height:${s}px;background:rgba(147,197,253,0.45);border-radius:4px;`, document.body.appendChild(d), c.dataTransfer.setDragImage(d, r / 2, s / 2), requestAnimationFrame(() => document.body.removeChild(d));
     },
     [e, n, i]
   );
-  return /* @__PURE__ */ p("div", { className: Ce.item, "data-testid": `palette-item-${e.kind}`, children: [
+  return /* @__PURE__ */ p("div", { className: Se.item, "data-testid": `palette-item-${e.kind}`, children: [
     /* @__PURE__ */ t(
       "button",
       {
         type: "button",
         draggable: !0,
         onDragStart: o,
-        className: Ce.itemName,
+        className: Se.itemName,
         "aria-label": `${e.meta.displayName}ブロックを追加`,
         children: e.meta.displayName
       }
@@ -5055,7 +5072,7 @@ const tn = ({ plugin: e, ghostWidth: n, ghostHeight: i }) => {
     /* @__PURE__ */ t(
       "div",
       {
-        className: Ce.itemPreview,
+        className: Se.itemPreview,
         draggable: !0,
         onDragStart: o,
         "aria-hidden": "true",
@@ -5068,60 +5085,60 @@ const tn = ({ plugin: e, ghostWidth: n, ghostHeight: i }) => {
             onChange: () => {
             },
             readOnly: !0,
-            mode: gn.FORM
+            mode: xn.FORM
           }
         )
       }
     )
   ] });
 };
-tn.displayName = "PaletteItem";
+ln.displayName = "PaletteItem";
 export {
-  Tn as A,
-  it as B,
-  En as C,
-  Dn as D,
-  Qt as E,
-  st as F,
-  Dl as G,
-  Ut as H,
+  Mn as A,
+  at as B,
+  Pn as C,
+  Bn as D,
+  tn as E,
+  rt as F,
+  Bl as G,
+  qt as H,
   Z as I,
   ve as J,
   De as K,
-  at as L,
-  Xt as M,
+  ot as L,
+  en as M,
   G as N,
-  ka as O,
-  Bl as P,
-  Mt as Q,
-  Se as R,
-  Fa as S,
-  kl as T,
-  wi as U,
-  An as a,
-  Mn as b,
-  Ml as c,
-  Ni as d,
-  Mi as e,
-  Pa as f,
-  Oa as g,
-  Sa as h,
-  Tl as i,
-  _e as j,
-  xe as k,
-  Ht as l,
-  Kt as m,
-  Je as n,
-  Zt as o,
-  Yt as p,
-  ae as q,
+  Ma as O,
+  Wl as P,
+  Dt as Q,
+  Ie as R,
+  qa as S,
+  Al as T,
+  Ii as U,
+  Dn as a,
+  zn as b,
+  zl as c,
+  $i as d,
+  Bi as e,
+  Wa as f,
+  Va as g,
+  ka as h,
+  Ml as i,
+  xe as j,
+  we as k,
+  Zt as l,
+  Yt as m,
+  Xe as n,
+  Jt as o,
+  Xt as p,
+  oe as q,
   V as r,
-  P as s,
-  le as t,
-  ja as u,
+  D as s,
+  ie as t,
+  Ga as u,
   j as v,
-  ge as w,
-  Jt as x,
-  en as y,
-  qt as z
+  ye as w,
+  Qt as x,
+  nn as y,
+  Ht as z
 };