@tatamicks/core 1.0.1 → 1.0.3

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

@@ -1,21 +1,21 @@
 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 De, createContext as gt, useMemo as te, memo as fe, useId as an } from "react";
-import { Z as yt, a2 as _t, $ as xt, a3 as wt, a0 as Nt, P as F, d as Ct, y as K, L as he, B as on, a4 as sn, o as rn, J as cn, F as dn, j as ye, w as hn, m as Re, H as Ee, V as Ae, a5 as un, s as dt, e as pn, g as ht, u as mn, a as bn, t as vn, N as fn } from "./sidebarPortal-C06y4JSP.js";
+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 gn = "_container_1xv5c_4", yn = "_section_1xv5c_16", _n = "_divider_1xv5c_23", xn = "_sectionLabel_1xv5c_31", wn = "_select_1xv5c_38", Nn = "_numberInput_1xv5c_59", Cn = "_heightModeSwitch_1xv5c_87", Sn = "_switchLabel_1xv5c_93", In = "_switchLabelActive_1xv5c_101", $n = "_toggle_1xv5c_105", Ln = "_thumb_1xv5c_122", D = {
-  container: gn,
-  section: yn,
-  divider: _n,
-  sectionLabel: xn,
-  select: wn,
-  numberInput: Nn,
-  heightModeSwitch: Cn,
-  switchLabel: Sn,
-  switchLabelActive: In,
-  toggle: $n,
-  thumb: Ln
-}, kn = (e) => /* @__PURE__ */ t("div", { className: D.divider, "aria-hidden": "true" });
-kn.displayName = "ActionBarDivider";
+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(
   "svg",
   {
@@ -241,7 +241,7 @@ const kt = ({ size: e = 16, ...n }) => /* @__PURE__ */ p(
   }
 );
 kt.displayName = "BlockSettingsIcon";
-const Tn = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
+const En = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
   "svg",
   {
     viewBox: "0 0 24 24",
@@ -253,8 +253,8 @@ const Tn = ({ 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" })
   }
 );
-Tn.displayName = "ChevronLeftIcon";
-const En = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
+En.displayName = "ChevronLeftIcon";
+const An = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
   "svg",
   {
     viewBox: "0 0 24 24",
@@ -266,8 +266,8 @@ const En = ({ 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" })
   }
 );
-En.displayName = "ChevronRightIcon";
-const An = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
+An.displayName = "ChevronRightIcon";
+const Mn = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
   "svg",
   {
     viewBox: "0 0 24 24",
@@ -279,8 +279,8 @@ const An = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
     children: /* @__PURE__ */ t("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" })
   }
 );
-An.displayName = "AddPageIcon";
-const Mn = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
+Mn.displayName = "AddPageIcon";
+const Dn = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
   "svg",
   {
     viewBox: "0 0 24 24",
@@ -292,7 +292,7 @@ const Mn = ({ size: e = 16, ...n }) => /* @__PURE__ */ t(
     children: /* @__PURE__ */ t("path", { d: "M19 13H5v-2h14v2z" })
   }
 );
-Mn.displayName = "DeletePageIcon";
+Dn.displayName = "DeletePageIcon";
 const Pn = {
   undo: {
     actionId: "undo",
@@ -354,10 +354,10 @@ const Pn = {
     message: "ページを削除しました",
     shortcut: null
   }
-}, lt = (e) => Pn[e], Dn = "_container_1tnp6_5", Bn = "_input_1tnp6_13", zn = "_label_1tnp6_29", Oe = {
-  container: Dn,
-  input: Bn,
-  label: zn
+}, lt = (e) => Pn[e], Bn = "_container_1tnp6_5", zn = "_input_1tnp6_13", Wn = "_label_1tnp6_29", Oe = {
+  container: Bn,
+  input: zn,
+  label: Wn
 }, ae = ({
   value: e,
   onChange: n,
@@ -386,19 +386,19 @@ const Pn = {
   ] });
 };
 ae.displayName = "Checkbox";
-const Wn = "_header_1c1mq_6", Rn = "_title_1c1mq_32", On = "_actions_1c1mq_43", Fn = "_titleGroup_1c1mq_49", jn = "_infoIcon_1c1mq_60", Un = "_chevron_1c1mq_84", Vn = "_chevronOpen_1c1mq_92", Gn = "_statusBadge_1c1mq_98", qn = "_statusBadgeOn_1c1mq_108", Hn = "_statusBadgeOff_1c1mq_113", Kn = "_content_1c1mq_120", Zn = "_contentNoPadding_1c1mq_127", W = {
-  header: Wn,
-  title: Rn,
-  actions: On,
-  titleGroup: Fn,
-  infoIcon: jn,
-  chevron: Un,
-  chevronOpen: Vn,
+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: qn,
-  statusBadgeOff: Hn,
-  content: Kn,
-  contentNoPadding: Zn
+  statusBadgeOn: Hn,
+  statusBadgeOff: Kn,
+  content: Zn,
+  contentNoPadding: Yn
 }, V = ({
   title: e,
   children: n,
@@ -504,7 +504,7 @@ function Le(e) {
   }
   return null;
 }
-function Yn(e) {
+function Jn(e) {
   const { r: n, g: i, b: l, a } = e;
   if (a === 0)
     return;
@@ -515,7 +515,7 @@ function Yn(e) {
   }
   return `#${o}${c}${r}`;
 }
-const Jn = [
+const Xn = [
   { label: "無色", value: void 0 },
   { label: "白", value: "#ffffff" },
   { label: "グレー1", value: "#efefef" },
@@ -546,25 +546,25 @@ const Jn = [
   { label: "青紫", value: "#9FC5E8" },
   { label: "紫", value: "#B4A7D6" },
   { label: "赤紫", value: "#D5A6BD" }
-], Xn = "_container_1cdzu_5", Qn = "_colorButton_1cdzu_13", el = "_textInputWrapper_1cdzu_40", tl = "_textInputPrefix_1cdzu_62", nl = "_textInput_1cdzu_40", ll = "_popover_1cdzu_96", il = "_palette_1cdzu_112", al = "_paletteButton_1cdzu_119", ol = "_selected_1cdzu_142", sl = "_transparentPaletteButton_1cdzu_148", rl = "_rgbaInputs_1cdzu_154", cl = "_rgbaInputGroup_1cdzu_161", dl = "_rgbaLabel_1cdzu_175", z = {
-  container: Xn,
-  colorButton: Qn,
-  textInputWrapper: el,
-  textInputPrefix: tl,
-  textInput: nl,
-  popover: ll,
-  palette: il,
-  paletteButton: al,
-  selected: ol,
-  transparentPaletteButton: sl,
-  rgbaInputs: rl,
-  rgbaInputGroup: cl,
-  rgbaLabel: dl
+], 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 = ({
   onColorSelect: e,
   selectedColor: n,
   readOnly: i = !1
-}) => /* @__PURE__ */ t("div", { className: z.palette, children: Jn.map((l, a) => {
+}) => /* @__PURE__ */ t("div", { className: z.palette, children: Xn.map((l, a) => {
   const o = l.value === void 0, c = l.value === n, r = o ? {} : { backgroundColor: l.value };
   return /* @__PURE__ */ t(
     "button",
@@ -581,9 +581,9 @@ const Jn = [
   );
 }) });
 Tt.displayName = "ColorPalette";
-const hl = "_input_14n56_5", ul = {
-  input: hl
-}, q = ({
+const ul = "_input_14n56_5", pl = {
+  input: ul
+}, G = ({
   value: e,
   onChange: n,
   readOnly: i = !1,
@@ -614,7 +614,7 @@ const hl = "_input_14n56_5", ul = {
     "input",
     {
       type: "number",
-      className: ul.input,
+      className: pl.input,
       style: I,
       value: e ?? "",
       onChange: k,
@@ -628,7 +628,7 @@ const hl = "_input_14n56_5", ul = {
     }
   );
 };
-q.displayName = "NumberInput";
+G.displayName = "NumberInput";
 const Et = ({
   rgba: e,
   onChange: n,
@@ -637,7 +637,7 @@ const Et = ({
   /* @__PURE__ */ p("div", { className: z.rgbaInputGroup, children: [
     /* @__PURE__ */ t("span", { className: z.rgbaLabel, children: "R" }),
     /* @__PURE__ */ t(
-      q,
+      G,
       {
         value: e.r,
         onChange: (l) => n("r", l),
@@ -653,7 +653,7 @@ const Et = ({
   /* @__PURE__ */ p("div", { className: z.rgbaInputGroup, children: [
     /* @__PURE__ */ t("span", { className: z.rgbaLabel, children: "G" }),
     /* @__PURE__ */ t(
-      q,
+      G,
       {
         value: e.g,
         onChange: (l) => n("g", l),
@@ -669,7 +669,7 @@ const Et = ({
   /* @__PURE__ */ p("div", { className: z.rgbaInputGroup, children: [
     /* @__PURE__ */ t("span", { className: z.rgbaLabel, children: "B" }),
     /* @__PURE__ */ t(
-      q,
+      G,
       {
         value: e.b,
         onChange: (l) => n("b", l),
@@ -685,7 +685,7 @@ const Et = ({
   /* @__PURE__ */ p("div", { className: z.rgbaInputGroup, children: [
     /* @__PURE__ */ t("span", { className: z.rgbaLabel, children: "A" }),
     /* @__PURE__ */ t(
-      q,
+      G,
       {
         value: Math.round(e.a * 100),
         onChange: (l) => n("a", l !== void 0 ? l / 100 : void 0),
@@ -806,11 +806,11 @@ const le = ({
     (E, B) => {
       if (B === void 0) return;
       const J = { ..._, [E]: B };
-      w(J), n(Yn(J));
+      w(J), n(Jn(J));
     },
     [_, n]
-  ), T = e ?? "未設定", P = {};
-  e && (P.background = e);
+  ), T = e ?? "未設定", D = {};
+  e && (D.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: [
     /* @__PURE__ */ t(
@@ -822,7 +822,7 @@ const le = ({
         disabled: i,
         title: T,
         "aria-label": "カラーピッカーを開く",
-        style: P
+        style: D
       }
     ),
     l && /* @__PURE__ */ p("div", { className: z.textInputWrapper, children: [
@@ -857,10 +857,10 @@ const le = ({
   ] });
 };
 le.displayName = "ColorPicker";
-const pl = "_container_1n9lj_5", ml = "_valueInput_1n9lj_23", bl = "_unitSelect_1n9lj_45", Fe = {
-  container: pl,
-  valueInput: ml,
-  unitSelect: bl
+const ml = "_container_1n9lj_5", bl = "_valueInput_1n9lj_23", vl = "_unitSelect_1n9lj_45", Fe = {
+  container: ml,
+  valueInput: bl,
+  unitSelect: vl
 }, 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(
     (k) => {
@@ -921,10 +921,10 @@ const pl = "_container_1n9lj_5", ml = "_valueInput_1n9lj_23", bl = "_unitSelect_
       }
     )
   ] });
-}, vl = "_container_14f2v_5", fl = "_select_14f2v_11", gl = "_placeholderOverlay_14f2v_44", je = {
-  container: vl,
-  select: fl,
-  placeholderOverlay: gl
+}, fl = "_container_14f2v_5", gl = "_select_14f2v_11", yl = "_placeholderOverlay_14f2v_44", je = {
+  container: fl,
+  select: gl,
+  placeholderOverlay: yl
 }, ge = (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) => {
@@ -965,8 +965,8 @@ const pl = "_container_1n9lj_5", ml = "_valueInput_1n9lj_23", bl = "_unitSelect_
   ] });
 };
 ge.displayName = "Dropdown";
-const yl = "_button_16snt_1", _l = {
-  button: yl
+const _l = "_button_16snt_1", xl = {
+  button: _l
 }, Z = ({
   icon: e,
   label: n,
@@ -979,7 +979,7 @@ const yl = "_button_16snt_1", _l = {
   "button",
   {
     type: "button",
-    className: _l.button,
+    className: xl.button,
     onMouseDown: c ? (r) => r.preventDefault() : void 0,
     onMouseEnter: l,
     onClick: i,
@@ -990,20 +990,20 @@ const yl = "_button_16snt_1", _l = {
   }
 );
 Z.displayName = "IconActionButton";
-const xl = "_container_ytzac_4", wl = "_scrollArea_ytzac_21", Nl = "_emptyState_ytzac_29", Ue = {
-  container: xl,
-  scrollArea: wl,
-  emptyState: Nl
+const wl = "_container_ytzac_4", Nl = "_scrollArea_ytzac_21", Cl = "_emptyState_ytzac_29", Ue = {
+  container: wl,
+  scrollArea: Nl,
+  emptyState: Cl
 }, Mt = ({
   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 }) }), Cl = "_root_vttth_1", Sl = "_list_vttth_9", Il = "_trigger_vttth_24", $l = "_content_vttth_69", ze = {
-  root: Cl,
-  list: Sl,
-  trigger: Il,
-  content: $l
-}, We = gt(void 0), Ll = ({
+}) => /* @__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 = ({
   defaultValue: e,
   value: n,
   onValueChange: i,
@@ -1015,14 +1015,14 @@ const xl = "_container_ytzac_4", wl = "_scrollArea_ytzac_21", Nl = "_emptyState_
     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 }) });
-}, kl = ({
+}, Tl = ({
   children: e,
   className: n = "",
   width: i,
   height: l,
   style: a
 }) => {
-  const o = De(We);
+  const o = Pe(We);
   if (!o)
     throw new Error("TabsList must be used within a Tabs component");
   const { variant: c } = o, r = { ...a };
@@ -1044,7 +1044,7 @@ const xl = "_container_ytzac_4", wl = "_scrollArea_ytzac_21", Nl = "_emptyState_
   height: o,
   style: c
 }) => {
-  const r = De(We);
+  const r = Pe(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 };
@@ -1066,13 +1066,13 @@ const xl = "_container_ytzac_4", wl = "_scrollArea_ytzac_21", Nl = "_emptyState_
   children: n,
   className: i = ""
 }) => {
-  const l = De(We);
+  const l = Pe(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 });
-}, Tl = "_input_jxjyc_5", El = {
-  input: Tl
+}, El = "_input_jxjyc_5", Al = {
+  input: El
 }, Se = ({
   value: e,
   onChange: n,
@@ -1095,7 +1095,7 @@ const xl = "_container_ytzac_4", wl = "_scrollArea_ytzac_21", Nl = "_emptyState_
   ), w = {};
   r !== void 0 ? w.width = `${r}px` : w.width = "100%", s !== void 0 && (w.height = `${s}px`);
   const L = {
-    className: El.input,
+    className: Al.input,
     style: w,
     value: e ?? "",
     onChange: _,
@@ -1107,7 +1107,7 @@ const xl = "_container_ytzac_4", wl = "_scrollArea_ytzac_21", Nl = "_emptyState_
   return m ? /* @__PURE__ */ t("textarea", { ...L, rows: g }) : /* @__PURE__ */ t("input", { ...L, type: "text", onBlur: h });
 };
 Se.displayName = "TextInput";
-const Al = ({
+const Ml = ({
   actionContext: e,
   onActionFeedback: n,
   onPrint: i
@@ -1166,8 +1166,8 @@ const Al = ({
     )
   ] });
 };
-Al.displayName = "CanvasActionSection";
-const ut = { value: 1, unit: "fr" }, Ml = ({
+Ml.displayName = "CanvasActionSection";
+const ut = { value: 1, unit: "fr" }, Dl = ({
   grid: e,
   onGridChange: n
 }) => {
@@ -1199,12 +1199,12 @@ const ut = { value: 1, unit: "fr" }, Ml = ({
     [e, n]
   );
   return /* @__PURE__ */ p(oe, { children: [
-    /* @__PURE__ */ t("span", { className: D.sectionLabel, children: "列" }),
+    /* @__PURE__ */ t("span", { className: P.sectionLabel, children: "列" }),
     /* @__PURE__ */ t(
       "input",
       {
         type: "number",
-        className: D.numberInput,
+        className: P.numberInput,
         value: e.colCount,
         min: 1,
         max: 100,
@@ -1213,12 +1213,12 @@ const ut = { value: 1, unit: "fr" }, Ml = ({
         title: "列数"
       }
     ),
-    /* @__PURE__ */ t("span", { className: D.sectionLabel, children: "行" }),
+    /* @__PURE__ */ t("span", { className: P.sectionLabel, children: "行" }),
     /* @__PURE__ */ t(
       "input",
       {
         type: "number",
-        className: D.numberInput,
+        className: P.numberInput,
         value: e.rowCount,
         min: 1,
         max: 100,
@@ -1229,7 +1229,7 @@ const ut = { value: 1, unit: "fr" }, Ml = ({
     )
   ] });
 };
-Ml.displayName = "GridSettingsSection";
+Dl.displayName = "GridSettingsSection";
 function ke(e, n) {
   switch (n) {
     case "cm":
@@ -1247,7 +1247,7 @@ const Pl = [
   { value: F.LETTER, label: "Letter" },
   { value: F.LEGAL, label: "Legal" },
   { value: F.CUSTOM, label: "カスタム" }
-], Dl = ({
+], Bl = ({
   paper: e,
   onPaperChange: n
 }) => {
@@ -1302,11 +1302,11 @@ const Pl = [
     n({ ...e, autoWidth: a ? void 0 : !0 });
   }, [e, a, n]);
   return /* @__PURE__ */ p(oe, { children: [
-    /* @__PURE__ */ t("span", { className: D.sectionLabel, children: "用紙" }),
+    /* @__PURE__ */ t("span", { className: P.sectionLabel, children: "用紙" }),
     /* @__PURE__ */ t(
       "select",
       {
-        className: D.select,
+        className: P.select,
         value: e.size.preset,
         onChange: o,
         "aria-label": "用紙サイズ",
@@ -1314,11 +1314,11 @@ const Pl = [
         children: Pl.map((h) => /* @__PURE__ */ t("option", { value: h.value, children: h.label }, h.value))
       }
     ),
-    /* @__PURE__ */ p("div", { className: D.heightModeSwitch, children: [
+    /* @__PURE__ */ p("div", { className: P.heightModeSwitch, children: [
       /* @__PURE__ */ t(
         "span",
         {
-          className: `${D.switchLabel} ${l ? "" : D.switchLabelActive}`,
+          className: `${P.switchLabel} ${l ? "" : P.switchLabelActive}`,
           children: "固定"
         }
       ),
@@ -1329,24 +1329,24 @@ const Pl = [
           role: "switch",
           "aria-checked": l,
           "aria-label": "高さモード",
-          className: D.toggle,
+          className: P.toggle,
           onClick: d,
-          children: /* @__PURE__ */ t("span", { className: D.thumb })
+          children: /* @__PURE__ */ t("span", { className: P.thumb })
         }
       ),
       /* @__PURE__ */ t(
         "span",
         {
-          className: `${D.switchLabel} ${l ? D.switchLabelActive : ""}`,
+          className: `${P.switchLabel} ${l ? P.switchLabelActive : ""}`,
           children: "自動"
         }
       )
     ] }),
-    /* @__PURE__ */ p("div", { className: D.heightModeSwitch, children: [
+    /* @__PURE__ */ p("div", { className: P.heightModeSwitch, children: [
       /* @__PURE__ */ t(
         "span",
         {
-          className: `${D.switchLabel} ${a ? "" : D.switchLabelActive}`,
+          className: `${P.switchLabel} ${a ? "" : P.switchLabelActive}`,
           children: "幅固定"
         }
       ),
@@ -1357,15 +1357,15 @@ const Pl = [
           role: "switch",
           "aria-checked": a,
           "aria-label": "幅モード",
-          className: D.toggle,
+          className: P.toggle,
           onClick: u,
-          children: /* @__PURE__ */ t("span", { className: D.thumb })
+          children: /* @__PURE__ */ t("span", { className: P.thumb })
         }
       ),
       /* @__PURE__ */ t(
         "span",
         {
-          className: `${D.switchLabel} ${a ? D.switchLabelActive : ""}`,
+          className: `${P.switchLabel} ${a ? P.switchLabelActive : ""}`,
           children: "幅自動"
         }
       )
@@ -1375,7 +1375,7 @@ const Pl = [
         "input",
         {
           type: "number",
-          className: D.numberInput,
+          className: P.numberInput,
           value: e.size.width.value,
           min: ke(
             K.fromDim(e.margin.left) + K.fromDim(e.margin.right),
@@ -1388,12 +1388,12 @@ const Pl = [
           title: "幅"
         }
       ),
-      /* @__PURE__ */ t("span", { className: D.sectionLabel, children: "×" }),
+      /* @__PURE__ */ t("span", { className: P.sectionLabel, children: "×" }),
       /* @__PURE__ */ t(
         "input",
         {
           type: "number",
-          className: D.numberInput,
+          className: P.numberInput,
           value: e.size.height.value,
           min: ke(
             K.fromDim(e.margin.top) + K.fromDim(e.margin.bottom),
@@ -1409,7 +1409,7 @@ const Pl = [
       /* @__PURE__ */ p(
         "select",
         {
-          className: D.select,
+          className: P.select,
           value: e.size.width.unit,
           onChange: s,
           "aria-label": "用紙単位",
@@ -1424,7 +1424,7 @@ const Pl = [
     ] })
   ] });
 };
-Dl.displayName = "PaperSettingsSection";
+Bl.displayName = "PaperSettingsSection";
 function ne(e, n, i) {
   const l = n.split("."), a = (o, c) => {
     const r = l[c];
@@ -1459,7 +1459,7 @@ function Y(e, n) {
     (c) => i(c, l) === a
   ) ? a : void 0;
 }
-function Bl(e, n, i) {
+function zl(e, n, i) {
   var o, c;
   if (!e) return [];
   const l = [], a = [
@@ -1496,22 +1496,6 @@ function Bl(e, n, i) {
   }
   return l;
 }
-function zl(e) {
-  const n = e == null ? void 0 : e.border;
-  if (!n) return;
-  const i = (a) => {
-    const o = n[a] ?? n.all;
-    if (o != null && o.type)
-      return o;
-  }, l = {
-    top: i("top"),
-    right: i("right"),
-    bottom: i("bottom"),
-    left: i("left")
-  };
-  if (!(!l.top && !l.right && !l.bottom && !l.left))
-    return l;
-}
 const it = ({
   selectedBlocks: e,
   onUpdateBlocks: n
@@ -1561,11 +1545,12 @@ const it = ({
     e,
     "style.backgroundColor"
   ), o = te(() => {
+    var h;
     if (e.length !== 1) return;
     const u = e[0];
-    return zl(u == null ? void 0 : u.style);
+    return (h = u == null ? void 0 : u.style) == null ? void 0 : h.border;
   }, [e]), c = te(
-    () => Bl(o, 80, 80),
+    () => zl(o, 80, 80),
     [o]
   );
   if (e.length === 0) return null;
@@ -1761,8 +1746,8 @@ const it = ({
             allowUndefined: !0
           }
         ),
-        /* @__PURE__ */ t("div", { style: { minWidth: 0 }, children: /* @__PURE__ */ p(Ll, { defaultValue: "all", variant: "segmented", children: [
-          /* @__PURE__ */ t("div", { style: { width: "100%" }, children: /* @__PURE__ */ p(kl, { style: { width: "100%", display: "flex" }, children: [
+        /* @__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: "下" }),
@@ -1782,7 +1767,7 @@ const it = ({
   );
 };
 it.displayName = "BackgroundBorderPanel";
-const Wl = "_container_1gf2q_1", Rl = "_grid_1gf2q_9", Ol = "_field_1gf2q_15", Fl = "_label_1gf2q_22", jl = "_inputWrapper_1gf2q_32", G = {
+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,
@@ -1835,11 +1820,11 @@ const Wl = "_container_1gf2q_1", Rl = "_grid_1gf2q_9", Ol = "_field_1gf2q_15", F
       )
     });
   };
-  return /* @__PURE__ */ t("div", { className: G.container, children: /* @__PURE__ */ p("div", { className: G.grid, children: [
-    /* @__PURE__ */ p("div", { className: G.field, children: [
-      /* @__PURE__ */ t("span", { className: G.label, children: "X" }),
-      /* @__PURE__ */ t("div", { className: G.inputWrapper, children: /* @__PURE__ */ t(
-        q,
+  return /* @__PURE__ */ t("div", { className: q.container, children: /* @__PURE__ */ p("div", { className: q.grid, children: [
+    /* @__PURE__ */ p("div", { className: q.field, children: [
+      /* @__PURE__ */ t("span", { className: q.label, children: "X" }),
+      /* @__PURE__ */ t("div", { className: q.inputWrapper, children: /* @__PURE__ */ t(
+        G,
         {
           value: l ? a : Y(e, "layout.x"),
           onChange: (r) => c("x", r),
@@ -1851,10 +1836,10 @@ const Wl = "_container_1gf2q_1", Rl = "_grid_1gf2q_9", Ol = "_field_1gf2q_15", F
         }
       ) })
     ] }),
-    /* @__PURE__ */ p("div", { className: G.field, children: [
-      /* @__PURE__ */ t("span", { className: G.label, children: "Y" }),
-      /* @__PURE__ */ t("div", { className: G.inputWrapper, children: /* @__PURE__ */ t(
-        q,
+    /* @__PURE__ */ p("div", { className: q.field, children: [
+      /* @__PURE__ */ t("span", { className: q.label, children: "Y" }),
+      /* @__PURE__ */ t("div", { className: q.inputWrapper, children: /* @__PURE__ */ t(
+        G,
         {
           value: l ? o : Y(e, "layout.y"),
           onChange: (r) => c("y", r),
@@ -1866,10 +1851,10 @@ const Wl = "_container_1gf2q_1", Rl = "_grid_1gf2q_9", Ol = "_field_1gf2q_15", F
         }
       ) })
     ] }),
-    /* @__PURE__ */ p("div", { className: G.field, children: [
-      /* @__PURE__ */ t("span", { className: G.label, children: "W" }),
-      /* @__PURE__ */ t("div", { className: G.inputWrapper, children: /* @__PURE__ */ t(
-        q,
+    /* @__PURE__ */ p("div", { className: q.field, children: [
+      /* @__PURE__ */ t("span", { className: q.label, children: "W" }),
+      /* @__PURE__ */ t("div", { className: q.inputWrapper, children: /* @__PURE__ */ t(
+        G,
         {
           value: Y(e, "layout.w"),
           onChange: (r) => c("w", r),
@@ -1881,10 +1866,10 @@ const Wl = "_container_1gf2q_1", Rl = "_grid_1gf2q_9", Ol = "_field_1gf2q_15", F
         }
       ) })
     ] }),
-    /* @__PURE__ */ p("div", { className: G.field, children: [
-      /* @__PURE__ */ t("span", { className: G.label, children: "H" }),
-      /* @__PURE__ */ t("div", { className: G.inputWrapper, children: /* @__PURE__ */ t(
-        q,
+    /* @__PURE__ */ p("div", { className: q.field, children: [
+      /* @__PURE__ */ t("span", { className: q.label, children: "H" }),
+      /* @__PURE__ */ t("div", { className: q.inputWrapper, children: /* @__PURE__ */ t(
+        G,
         {
           value: Y(e, "layout.h"),
           onChange: (r) => c("h", r),
@@ -1899,10 +1884,10 @@ 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", Gl = "_active_xhfvf_46", Ve = {
+const Ul = "_group_xhfvf_1", Vl = "_btn_xhfvf_13", ql = "_active_xhfvf_46", Ve = {
   group: Ul,
   btn: Vl,
-  active: Gl
+  active: ql
 }, Ze = fe(
   ({ options: e, current: n, onChange: i }) => /* @__PURE__ */ t("fieldset", { className: Ve.group, children: e.map((l) => {
     const a = n === l.value;
@@ -1932,7 +1917,7 @@ const se = rn.defaultProps.styleConfig, re = {
   display: "flex",
   gap: 4,
   alignItems: "center"
-}, Pt = ({
+}, Dt = ({
   value: e,
   onChange: n,
   readOnly: i = !1
@@ -2063,9 +2048,9 @@ const se = rn.defaultProps.styleConfig, re = {
     ] })
   ] });
 };
-Pt.displayName = "CheckboxStyleEditor";
-const ql = "_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: ql,
+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,
@@ -2093,7 +2078,7 @@ const ql = "_group_1uyid_1", Hl = "_btn_1uyid_13", Kl = "_active_1uyid_46", Zl =
     label: "取り消し線",
     icon: /* @__PURE__ */ t("span", { className: ue.iconLineThrough, "aria-hidden": "true", children: "S" })
   }
-], Dt = ({
+], Pt = ({
   value: e,
   onChange: n,
   readOnly: i = !1
@@ -2119,7 +2104,7 @@ const ql = "_group_1uyid_1", Hl = "_btn_1uyid_13", Kl = "_active_1uyid_46", Zl =
     );
   }) });
 };
-Dt.displayName = "FontDecorationToggle";
+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,
@@ -2190,7 +2175,7 @@ const ei = "_root_12n4v_6", ti = "_fontFamilyCell_12n4v_13", ni = "_fontSizeCell
       }
     ) }),
     /* @__PURE__ */ t("div", { className: we.decorationCell, children: /* @__PURE__ */ t(
-      Dt,
+      Pt,
       {
         value: s,
         onChange: r,
@@ -2588,12 +2573,12 @@ const Ne = hn.defaultProps, ui = [
   { label: "標準", value: Re.normal },
   { label: "単語で折り返し", value: Re.breakWord },
   { label: "文字で折り返し", value: Re.breakAll }
-], Ge = {
+], qe = {
   display: "flex",
   alignItems: "center",
   gap: 6,
   marginBottom: 4
-}, qe = {
+}, Ge = {
   fontSize: 11,
   color: "#666",
   minWidth: 72,
@@ -2605,8 +2590,8 @@ const Ne = hn.defaultProps, ui = [
   onChange: l,
   readOnly: a = !1
 }) => /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-  /* @__PURE__ */ p("div", { style: Ge, children: [
-    /* @__PURE__ */ t("span", { style: qe, children: "複数行" }),
+  /* @__PURE__ */ p("div", { style: qe, children: [
+    /* @__PURE__ */ t("span", { style: Ge, children: "複数行" }),
     /* @__PURE__ */ t(
       ae,
       {
@@ -2617,10 +2602,10 @@ const Ne = hn.defaultProps, ui = [
       }
     )
   ] }),
-  /* @__PURE__ */ p("div", { style: Ge, children: [
-    /* @__PURE__ */ t("span", { style: qe, children: "行間" }),
+  /* @__PURE__ */ p("div", { style: qe, children: [
+    /* @__PURE__ */ t("span", { style: Ge, children: "行間" }),
     /* @__PURE__ */ t("div", { style: { flex: 1 }, children: /* @__PURE__ */ t(
-      q,
+      G,
       {
         value: n ?? Ne.lineHeight,
         onChange: (o) => l("lineHeight", o ?? Ne.lineHeight),
@@ -2632,8 +2617,8 @@ const Ne = hn.defaultProps, ui = [
       }
     ) })
   ] }),
-  /* @__PURE__ */ p("div", { style: Ge, children: [
-    /* @__PURE__ */ t("span", { style: qe, children: "折り返し" }),
+  /* @__PURE__ */ p("div", { style: qe, children: [
+    /* @__PURE__ */ t("span", { style: Ge, children: "折り返し" }),
     /* @__PURE__ */ t("div", { style: { flex: 1 }, children: /* @__PURE__ */ t(
       ge,
       {
@@ -2764,7 +2749,7 @@ const Me = [
           style: { display: "flex", alignItems: "center", gap: 4, flex: 1 },
           children: [
             /* @__PURE__ */ t("div", { style: { flex: 1 }, children: /* @__PURE__ */ t(
-              q,
+              G,
               {
                 value: n,
                 onChange: (I) => a("minLength", I ?? null),
@@ -2776,7 +2761,7 @@ const Me = [
             ) }),
             /* @__PURE__ */ t("span", { style: { fontSize: 11, color: "#666" }, children: "〜" }),
             /* @__PURE__ */ t("div", { style: { flex: 1 }, children: /* @__PURE__ */ t(
-              q,
+              G,
               {
                 value: i,
                 onChange: (I) => a("maxLength", I ?? null),
@@ -3087,7 +3072,7 @@ const ot = fe(
       case "checkboxStyle": {
         const r = i("styleConfig");
         return /* @__PURE__ */ t(
-          Pt,
+          Dt,
           {
             value: r,
             onChange: (s) => l("styleConfig", s)
@@ -3266,7 +3251,7 @@ const gi = "_bar_13lr1_4", yi = "_divider_13lr1_18", _i = "_barWrapper_13lr1_26"
 ve.displayName = "SelectionActionBarButton";
 const Vt = gt(null);
 function wi() {
-  const e = De(Vt);
+  const e = Pe(Vt);
   if (e === null)
     throw new Error(
       "useSelectionActionBar must be used inside SelectionActionBar"
@@ -3344,7 +3329,7 @@ const Ni = ({
   );
 };
 Ni.displayName = "SelectionActionBar";
-const Pe = ({
+const De = ({
   id: e,
   icon: n,
   label: i,
@@ -3381,7 +3366,7 @@ const Pe = ({
     )
   ] });
 };
-Pe.displayName = "SelectionActionBarPanel";
+De.displayName = "SelectionActionBarPanel";
 function Oa({
   context: e,
   gridSize: n,
@@ -3452,7 +3437,7 @@ function Oa({
     )
   ), h && g.push(
     /* @__PURE__ */ t(
-      Pe,
+      De,
       {
         id: "style",
         icon: /* @__PURE__ */ t($t, { "aria-hidden": "true" }),
@@ -3468,7 +3453,7 @@ function Oa({
       "style"
     ),
     /* @__PURE__ */ t(
-      Pe,
+      De,
       {
         id: "layout",
         icon: /* @__PURE__ */ t(Lt, { "aria-hidden": "true" }),
@@ -3486,7 +3471,7 @@ function Oa({
     )
   ), f && g.push(
     /* @__PURE__ */ t(
-      Pe,
+      De,
       {
         id: "plugin",
         icon: /* @__PURE__ */ t(kt, { "aria-hidden": "true" }),
@@ -3592,7 +3577,7 @@ function mt(e, n, i) {
   const l = e.trim();
   return l ? /\s/.test(l) ? "スペースは使用できません" : l !== n && (i != null && i.has(l)) ? "このIDは既に使用されています" : null : "IDを入力してください";
 }
-const Gt = ({
+const qt = ({
   selectedBlocks: e,
   onUpdateBlocks: n,
   allBlockIds: i
@@ -3680,7 +3665,7 @@ const Gt = ({
     ) }) })
   ] });
 };
-Gt.displayName = "MetaPanel";
+qt.displayName = "MetaPanel";
 const Ti = "_container_2zb6l_1", Ei = "_scrollArea_2zb6l_18", Ai = "_emptyState_2zb6l_33", Ye = {
   container: Ti,
   scrollArea: Ei,
@@ -3747,7 +3732,7 @@ const Mi = fe(
           title: "基本設定",
           description: "ブロックのID（識別子）や読み取り専用にするかどうかなど、動作に関わる設定をします",
           children: /* @__PURE__ */ t(
-            Gt,
+            qt,
             {
               selectedBlocks: s,
               onUpdateBlocks: u,
@@ -3760,13 +3745,13 @@ const Mi = fe(
   }
 );
 Mi.displayName = "DefaultBlockPropertyPanel";
-const Pi = "_kindSelector_qrad9_1", Di = "_kindTab_qrad9_9", Bi = "_kindTabActive_qrad9_30", zi = "_propertyList_qrad9_46", Wi = "_emptyState_qrad9_131", be = {
-  kindSelector: Pi,
-  kindTab: Di,
+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
-}, qt = fe(
+}, Gt = fe(
   ({
     propDef: e,
     kindDefaults: n,
@@ -3807,7 +3792,7 @@ const Pi = "_kindSelector_qrad9_1", Di = "_kindTab_qrad9_9", Bi = "_kindTabActiv
     );
   }
 );
-qt.displayName = "DefaultsPropField";
+Gt.displayName = "DefaultsPropField";
 const Ht = fe(
   ({ blockDefaults: e, pluginRegistry: n, onChange: i }) => {
     const l = Object.keys(n), [a, o] = O(
@@ -3841,7 +3826,7 @@ const Ht = fe(
             );
           }) }),
           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(
-            qt,
+            Gt,
             {
               propDef: s,
               kindDefaults: e[a] ?? {},
@@ -3855,15 +3840,15 @@ 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", Gi = "_itemId_12dfx_75", qi = "_itemMeta_12dfx_80", Hi = "_itemKind_12dfx_87", Ki = "_itemActions_12dfx_95", Zi = "_actionButton_12dfx_100", Yi = "_empty_12dfx_136", U = {
+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: Gi,
-  itemMeta: qi,
+  itemId: qi,
+  itemMeta: Gi,
   itemKind: Hi,
   itemActions: Ki,
   actionButton: Zi,
@@ -3886,7 +3871,7 @@ const Ri = "_list_12dfx_10", Oi = "_item_12dfx_19", Fi = "_selected_12dfx_41", j
       return h;
     const b = h[f];
     if (!b) return h;
-    const N = [...h.filter((T, P) => P !== f)], C = Math.max(
+    const N = [...h.filter((T, D) => D !== f)], C = Math.max(
       0,
       Math.min(r, N.length)
     );
@@ -3909,7 +3894,7 @@ const Ri = "_list_12dfx_10", Oi = "_item_12dfx_19", Fi = "_selected_12dfx_41", j
     [e, n]
   ), _ = y(
     (b) => {
-      const x = e.findIndex((P) => P.id === b);
+      const x = e.findIndex((D) => D.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));
@@ -3917,7 +3902,7 @@ const Ri = "_list_12dfx_10", Oi = "_item_12dfx_19", Fi = "_selected_12dfx_41", j
     [e, n]
   ), w = y(
     (b) => {
-      const x = e.findIndex((P) => P.id === b);
+      const x = e.findIndex((D) => D.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));
@@ -3938,7 +3923,7 @@ 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, P = b.currentTarget.getBoundingClientRect(), A = P.top + P.height / 2, E = b.clientY < A ? T : T + 1;
+      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;
       if (E === r) return;
       s(E);
       const B = d.current;
@@ -3970,11 +3955,11 @@ const Ri = "_list_12dfx_10", Oi = "_item_12dfx_19", Fi = "_selected_12dfx_41", j
             Math.min(r, N.length)
           ), T = [...N];
           T.splice(C, 0, x);
-          const P = [...T].reverse();
-          P.every((E, B) => {
+          const D = [...T].reverse();
+          D.every((E, B) => {
             var J;
             return E.id === ((J = e[B]) == null ? void 0 : J.id);
-          }) || n(P);
+          }) || n(D);
         }
       }
       c(null), s(null);
@@ -4001,11 +3986,11 @@ const Ri = "_list_12dfx_10", Oi = "_item_12dfx_19", Fi = "_selected_12dfx_41", j
             children: v.map((b, x) => {
               const N = h.findIndex(
                 (A) => A.id === b.id
-              ), C = b.id === o, T = e.length - 1 - N, P = (i == null ? void 0 : i.includes(b.id)) ?? !1;
+              ), C = b.id === o, T = e.length - 1 - N, D = (i == null ? void 0 : i.includes(b.id)) ?? !1;
               return /* @__PURE__ */ p(
                 "li",
                 {
-                  className: `${U.item} ${C ? U.ghost : ""} ${P ? U.selected : ""}`,
+                  className: `${U.item} ${C ? U.ghost : ""} ${D ? U.selected : ""}`,
                   draggable: !C,
                   onDragStart: C ? void 0 : (A) => L(A, N),
                   onDragEnd: $,
@@ -4230,7 +4215,7 @@ 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__ */ t(
-            q,
+            G,
             {
               value: e.colCount,
               onChange: i,
@@ -4243,7 +4228,7 @@ 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__ */ t(
-            q,
+            G,
             {
               value: e.rowCount,
               onChange: l,
@@ -4722,9 +4707,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 P;
+        var D;
         try {
-          u((P = T.target) == null ? void 0 : P.result), o(""), alert("インポートしました");
+          u((D = T.target) == null ? void 0 : D.result), o(""), alert("インポートしました");
         } catch (A) {
           o(
             `インポートエラー: ${A instanceof Error ? A.message : String(A)}`
@@ -4770,9 +4755,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 P;
+        var D;
         try {
-          const A = ht((P = T.target) == null ? void 0 : P.result), E = ft(n, A);
+          const A = ht((D = T.target) == null ? void 0 : D.result), E = ft(n, A);
           l(E), o(""), alert("値をインポートしました");
         } catch (A) {
           o(
@@ -4814,9 +4799,14 @@ const Ia = "_buttonGroup_5h1ft_1", $a = "_button_5h1ft_1", La = "_error_5h1ft_33
       if (!x) return;
       const N = new FileReader();
       N.onload = (T) => {
-        var P;
+        var D;
         try {
-          const A = JSON.parse((P = T.target) == null ? void 0 : P.result), E = { grid: A.grid, blocks: A.blocks }, B = [...e.pages];
+          const A = JSON.parse((D = T.target) == null ? void 0 : D.result), E = mn({
+            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("スキーマをインポートしました");
         } catch (A) {
           o(
@@ -4996,18 +4986,18 @@ const ka = ({
   return /* @__PURE__ */ t(Mt, { children: n ?? i });
 };
 ka.displayName = "OtherPanel";
-const Ta = "_container_16a0l_1", Ea = "_paletteItems_16a0l_11", Aa = "_item_16a0l_23", Ma = "_itemName_16a0l_49", Pa = "_itemPreview_16a0l_77", Ce = {
+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: Pa
-}, Da = ({ context: e, className: n }) => {
+  itemPreview: Da
+}, Pa = ({ context: e, className: n }) => {
   const i = Object.values(e.pluginRegistry).filter(
     (o) => o !== void 0
-  ), l = e.book.pages[e.editorState.pageIdx], { getBlockRectPx: a } = mn(
+  ), l = e.book.pages[e.editorState.pageIdx], { getBlockRectPx: a } = bn(
     e.book.paper,
-    (l == null ? void 0 : l.grid) ?? bn
+    (l == null ? void 0 : l.grid) ?? vn
   );
   return /* @__PURE__ */ t("div", { className: `${Ce.container} ${n || ""}`, children: /* @__PURE__ */ t("div", { className: Ce.paletteItems, children: i.map((o) => {
     const c = o.meta.defaultSize ?? { w: 1, h: 1 }, r = a({
@@ -5027,7 +5017,7 @@ const Ta = "_container_16a0l_1", Ea = "_paletteItems_16a0l_11", Aa = "_item_16a0
     );
   }) }) });
 };
-Da.displayName = "PalettePanel";
+Pa.displayName = "PalettePanel";
 const tn = ({ plugin: e, ghostWidth: n, ghostHeight: i }) => {
   const l = te(() => {
     var c, r;
@@ -5044,7 +5034,7 @@ const tn = ({ plugin: e, ghostWidth: n, ghostHeight: i }) => {
     };
   }, [e]), a = null, o = y(
     (c) => {
-      vn(c, e.kind, e.meta.defaultSize ?? { w: 1, h: 1 });
+      fn(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));
     },
@@ -5078,7 +5068,7 @@ const tn = ({ plugin: e, ghostWidth: n, ghostHeight: i }) => {
             onChange: () => {
             },
             readOnly: !0,
-            mode: fn.FORM
+            mode: gn.FORM
           }
         )
       }
@@ -5087,36 +5077,36 @@ const tn = ({ plugin: e, ghostWidth: n, ghostHeight: i }) => {
 };
 tn.displayName = "PaletteItem";
 export {
-  kn as A,
+  Tn as A,
   it as B,
-  Tn as C,
-  Mn as D,
+  En as C,
+  Dn as D,
   Qt as E,
   st as F,
-  Ml as G,
+  Dl as G,
   Ut as H,
   Z as I,
   ve as J,
-  Pe as K,
+  De as K,
   at as L,
   Xt as M,
-  q as N,
+  G as N,
   ka as O,
-  Dl as P,
+  Bl as P,
   Mt as Q,
   Se as R,
   Fa as S,
-  Ll as T,
+  kl as T,
   wi as U,
-  En as a,
-  An as b,
-  Al as c,
+  An as a,
+  Mn as b,
+  Ml as c,
   Ni as d,
   Mi as e,
-  Da as f,
+  Pa as f,
   Oa as g,
   Sa as h,
-  kl as i,
+  Tl as i,
   _e as j,
   xe as k,
   Ht as l,
@@ -5126,12 +5116,12 @@ export {
   Yt as p,
   ae as q,
   V as r,
-  D as s,
+  P as s,
   le as t,
   ja as u,
   j as v,
   ge as w,
   Jt as x,
   en as y,
-  Gt as z
+  qt as z
 };