@tatamicks/core 1.0.1 → 1.0.2

package/dist/{PalettePanel-CtXsH6Cb.js → PalettePanel-Cigl9i1N.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-BN6FVwaF.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,7 +1496,7 @@ function Bl(e, n, i) {
   }
   return l;
 }
-function zl(e) {
+function Wl(e) {
   const n = e == null ? void 0 : e.border;
   if (!n) return;
   const i = (a) => {
@@ -1563,9 +1563,9 @@ const it = ({
   ), o = te(() => {
     if (e.length !== 1) return;
     const u = e[0];
-    return zl(u == null ? void 0 : u.style);
+    return Wl(u == null ? void 0 : u.style);
   }, [e]), c = te(
-    () => Bl(o, 80, 80),
+    () => zl(o, 80, 80),
     [o]
   );
   if (e.length === 0) return null;
@@ -1761,8 +1761,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,12 +1782,12 @@ 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 = {
-  container: Wl,
-  grid: Rl,
-  field: Ol,
-  label: Fl,
-  inputWrapper: jl
+const Rl = "_container_1gf2q_1", Ol = "_grid_1gf2q_9", Fl = "_field_1gf2q_15", jl = "_label_1gf2q_22", Ul = "_inputWrapper_1gf2q_32", q = {
+  container: Rl,
+  grid: Ol,
+  field: Fl,
+  label: jl,
+  inputWrapper: Ul
 }, at = ({
   selectedBlocks: e,
   onUpdateBlocks: n,
@@ -1835,11 +1835,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 +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: "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 +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: "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 +1881,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,9 +1899,9 @@ 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 = {
-  group: Ul,
-  btn: Vl,
+const Vl = "_group_xhfvf_1", ql = "_btn_xhfvf_13", Gl = "_active_xhfvf_46", Ve = {
+  group: Vl,
+  btn: ql,
   active: Gl
 }, Ze = fe(
   ({ options: e, current: n, onChange: i }) => /* @__PURE__ */ t("fieldset", { className: Ve.group, children: e.map((l) => {
@@ -1932,7 +1932,7 @@ const se = rn.defaultProps.styleConfig, re = {
   display: "flex",
   gap: 4,
   alignItems: "center"
-}, Pt = ({
+}, Dt = ({
   value: e,
   onChange: n,
   readOnly: i = !1
@@ -2063,16 +2063,16 @@ 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,
-  btn: Hl,
-  active: Kl,
-  iconBold: Zl,
-  iconItalic: Yl,
-  iconUnderline: Jl,
-  iconLineThrough: Xl
-}, Ql = [
+Dt.displayName = "CheckboxStyleEditor";
+const Hl = "_group_1uyid_1", Kl = "_btn_1uyid_13", Zl = "_active_1uyid_46", Yl = "_iconBold_1uyid_52", Jl = "_iconItalic_1uyid_59", Xl = "_iconUnderline_1uyid_66", Ql = "_iconLineThrough_1uyid_73", ue = {
+  group: Hl,
+  btn: Kl,
+  active: Zl,
+  iconBold: Yl,
+  iconItalic: Jl,
+  iconUnderline: Xl,
+  iconLineThrough: Ql
+}, ei = [
   {
     key: "fontWeight",
     label: "太字",
@@ -2093,7 +2093,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
@@ -2101,7 +2101,7 @@ const ql = "_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: ue.group, children: ei.map(({ key: o, label: c, icon: r }) => {
     const s = !!l[o];
     return /* @__PURE__ */ t(
       "button",
@@ -2119,13 +2119,13 @@ const ql = "_group_1uyid_1", Hl = "_btn_1uyid_13", Kl = "_active_1uyid_46", Zl =
     );
   }) });
 };
-Dt.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 = [
+Pt.displayName = "FontDecorationToggle";
+const ti = "_root_12n4v_6", ni = "_fontFamilyCell_12n4v_13", li = "_fontSizeCell_12n4v_14", ii = "_colorCell_12n4v_15", we = {
+  root: ti,
+  fontFamilyCell: ni,
+  fontSizeCell: li,
+  colorCell: ii
+}, ai = [
   { label: "ゴシック体", value: "sans-serif" },
   { label: "明朝体", value: "serif" },
   { label: "等幅", value: "monospace" },
@@ -2167,7 +2167,7 @@ const ei = "_root_12n4v_6", ti = "_fontFamilyCell_12n4v_13", ni = "_fontSizeCell
         value: l.fontFamily,
         onChange: a,
         readOnly: i,
-        options: ii,
+        options: ai,
         placeholder: "フォント"
       }
     ) }),
@@ -2190,7 +2190,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,
@@ -2450,14 +2450,14 @@ 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
+const oi = "_root_111zo_7", si = "_linkLabel_111zo_14", ri = "_allRow_111zo_31", ci = "_grid_111zo_38", di = "_sideRow_111zo_45", hi = "_cell_111zo_53", ui = "_spacer_111zo_59", Q = {
+  root: oi,
+  linkLabel: si,
+  allRow: ri,
+  grid: ci,
+  sideRow: di,
+  cell: hi,
+  spacer: ui
 }, Wt = ({
   bulk: e,
   onChange: n,
@@ -2584,16 +2584,16 @@ const ee = { value: 0, unit: "px" }, Rt = ({
   ] });
 };
 Rt.displayName = "PaddingEditor";
-const Ne = hn.defaultProps, ui = [
+const Ne = hn.defaultProps, pi = [
   { 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 +2605,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 +2617,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,14 +2632,14 @@ 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,
       {
         value: i ?? Ne.wordWrap,
         onChange: (o) => l("wordWrap", o ?? Ne.wordWrap),
-        options: ui,
+        options: pi,
         readOnly: a,
         height: 24
       }
@@ -2685,10 +2685,10 @@ const Me = [
     hideLength: !0
   },
   { label: "その他", inputType: "text", isCustom: !0 }
-], pi = Me.map((e) => ({
+], mi = Me.map((e) => ({
   label: e.label,
   value: e.label
-})), mi = `[0-9]    数字のみ
+})), bi = `[0-9]    数字のみ
 [a-z]    英小文字
 [A-Z]    英大文字
 [ぁ-ん]  ひらがな
@@ -2750,7 +2750,7 @@ const Me = [
         {
           value: _,
           onChange: k,
-          options: pi,
+          options: mi,
           readOnly: c,
           height: 24
         }
@@ -2764,7 +2764,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 +2776,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),
@@ -2867,7 +2867,7 @@ const Me = [
             whiteSpace: "pre",
             pointerEvents: "none"
           },
-          children: mi
+          children: bi
         }
       ),
       document.body
@@ -2885,7 +2885,7 @@ const jt = {
   textBehavior: "テキスト動作",
   selectConfig: "選択肢設定",
   checkboxStyle: "チェックボックスデザイン"
-}, bi = [
+}, vi = [
   {
     value: Ee.left,
     label: "左揃え",
@@ -2916,7 +2916,7 @@ const jt = {
       /* @__PURE__ */ t("rect", { x: "5", y: "11", width: "7", height: "2.5", rx: "0.5" })
     ] })
   }
-], vi = [
+], fi = [
   {
     value: Ae.top,
     label: "上揃え",
@@ -2948,7 +2948,7 @@ const jt = {
 function me(e) {
   return typeof e == "object" && e !== null && typeof e.value == "number" && typeof e.unit == "string";
 }
-function fi(e) {
+function gi(e) {
   return typeof e == "object" && e !== null && Array.isArray(e.options);
 }
 const ot = fe(
@@ -2977,7 +2977,7 @@ const ot = fe(
               /* @__PURE__ */ t(
                 Ze,
                 {
-                  options: bi,
+                  options: vi,
                   current: r,
                   onChange: (d) => l("horizontal", d)
                 }
@@ -2985,7 +2985,7 @@ const ot = fe(
               /* @__PURE__ */ t(
                 Ze,
                 {
-                  options: vi,
+                  options: fi,
                   current: s,
                   onChange: (d) => l("vertical", d)
                 }
@@ -3087,7 +3087,7 @@ const ot = fe(
       case "checkboxStyle": {
         const r = i("styleConfig");
         return /* @__PURE__ */ t(
-          Pt,
+          Dt,
           {
             value: r,
             onChange: (s) => l("styleConfig", s)
@@ -3095,7 +3095,7 @@ const ot = fe(
         );
       }
       case "selectConfig": {
-        const r = i("selectConfig"), s = fi(r) ? r : { options: [] };
+        const r = i("selectConfig"), s = gi(r) ? r : { options: [] };
         return /* @__PURE__ */ t(
           zt,
           {
@@ -3239,11 +3239,11 @@ 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
+const yi = "_bar_13lr1_4", _i = "_divider_13lr1_18", xi = "_barWrapper_13lr1_26", wi = "_popover_13lr1_31", Ie = {
+  bar: yi,
+  divider: _i,
+  barWrapper: xi,
+  popover: wi
 }, ve = ({
   icon: e,
   label: n,
@@ -3265,15 +3265,15 @@ 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);
+function Ni() {
+  const e = Pe(Vt);
   if (e === null)
     throw new Error(
       "useSelectionActionBar must be used inside SelectionActionBar"
     );
   return e;
 }
-const Ni = ({
+const Ci = ({
   items: e = [],
   className: n,
   style: i,
@@ -3343,8 +3343,8 @@ const Ni = ({
     }
   );
 };
-Ni.displayName = "SelectionActionBar";
-const Pe = ({
+Ci.displayName = "SelectionActionBar";
+const De = ({
   id: e,
   icon: n,
   label: i,
@@ -3356,7 +3356,7 @@ const Pe = ({
     openPanelByClick: c,
     onPointerDown: r,
     wrapperEl: s
-  } = wi();
+  } = Ni();
   return /* @__PURE__ */ p(oe, { children: [
     /* @__PURE__ */ t(
       ve,
@@ -3381,8 +3381,8 @@ const Pe = ({
     )
   ] });
 };
-Pe.displayName = "SelectionActionBarPanel";
-function Oa({
+De.displayName = "SelectionActionBarPanel";
+function Fa({
   context: e,
   gridSize: n,
   onActionFeedback: i
@@ -3452,7 +3452,7 @@ function Oa({
     )
   ), h && g.push(
     /* @__PURE__ */ t(
-      Pe,
+      De,
       {
         id: "style",
         icon: /* @__PURE__ */ t($t, { "aria-hidden": "true" }),
@@ -3468,7 +3468,7 @@ function Oa({
       "style"
     ),
     /* @__PURE__ */ t(
-      Pe,
+      De,
       {
         id: "layout",
         icon: /* @__PURE__ */ t(Lt, { "aria-hidden": "true" }),
@@ -3486,7 +3486,7 @@ function Oa({
     )
   ), f && g.push(
     /* @__PURE__ */ t(
-      Pe,
+      De,
       {
         id: "plugin",
         icon: /* @__PURE__ */ t(kt, { "aria-hidden": "true" }),
@@ -3505,7 +3505,7 @@ function Oa({
     )
   ), g;
 }
-const pt = 8, Ci = 36, Fa = ({
+const pt = 8, Si = 36, ja = ({
   selectionBoundingBox: e,
   isDragging: n,
   zIndex: i = yt.SELECTION_ACTION_BAR,
@@ -3513,7 +3513,7 @@ const pt = 8, Ci = 36, Fa = ({
 }) => {
   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 - pt - Si, c = o >= 0 ? o : a.bottom + pt, r = {
     position: "absolute",
     inset: 0,
     pointerEvents: "none",
@@ -3544,7 +3544,7 @@ const pt = 8, Ci = 36, Fa = ({
     }
   );
 };
-function ja(e, n) {
+function Ua(e, n) {
   const [i, l] = O(null);
   return pe(() => {
     if (n.length === 0) {
@@ -3581,18 +3581,18 @@ 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 Ii = "_container_3lvww_1", $i = "_row_3lvww_9", Li = "_label_3lvww_15", ki = "_inputWrapper_3lvww_24", Ti = "_error_3lvww_31", X = {
+  container: Ii,
+  row: $i,
+  label: Li,
+  inputWrapper: ki,
+  error: Ti
 };
 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,17 +3680,17 @@ const Gt = ({
     ) }) })
   ] });
 };
-Gt.displayName = "MetaPanel";
-const Ti = "_container_2zb6l_1", Ei = "_scrollArea_2zb6l_18", Ai = "_emptyState_2zb6l_33", Ye = {
-  container: Ti,
-  scrollArea: Ei,
-  emptyState: Ai
+qt.displayName = "MetaPanel";
+const Ei = "_container_2zb6l_1", Ai = "_scrollArea_2zb6l_18", Mi = "_emptyState_2zb6l_33", Ye = {
+  container: Ei,
+  scrollArea: Ai,
+  emptyState: Mi
 }, Je = ({
   children: e,
   className: n = ""
 }) => /* @__PURE__ */ t("div", { className: `${Ye.container}${n ? ` ${n}` : ""}`, children: e });
 Je.displayName = "BlockPropertyPanel";
-const Mi = fe(
+const Di = fe(
   ({ 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(() => {
       var _;
@@ -3747,7 +3747,7 @@ const Mi = fe(
           title: "基本設定",
           description: "ブロックのID（識別子）や読み取り専用にするかどうかなど、動作に関わる設定をします",
           children: /* @__PURE__ */ t(
-            Gt,
+            qt,
             {
               selectedBlocks: s,
               onUpdateBlocks: u,
@@ -3759,14 +3759,14 @@ 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 = {
+Di.displayName = "DefaultBlockPropertyPanel";
+const Pi = "_kindSelector_qrad9_1", Bi = "_kindTab_qrad9_9", zi = "_kindTabActive_qrad9_30", Wi = "_propertyList_qrad9_46", Ri = "_emptyState_qrad9_131", be = {
   kindSelector: Pi,
-  kindTab: Di,
-  kindTabActive: Bi,
-  propertyList: zi,
-  emptyState: Wi
-}, qt = fe(
+  kindTab: Bi,
+  kindTabActive: zi,
+  propertyList: Wi,
+  emptyState: Ri
+}, Gt = fe(
   ({
     propDef: e,
     kindDefaults: n,
@@ -3807,7 +3807,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 +3841,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,19 +3855,19 @@ 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 = {
-  list: Ri,
-  item: Oi,
-  selected: Fi,
-  dragHandle: ji,
-  ghost: Ui,
-  itemInfo: Vi,
+const Oi = "_list_12dfx_10", Fi = "_item_12dfx_19", ji = "_selected_12dfx_41", Ui = "_dragHandle_12dfx_46", Vi = "_ghost_12dfx_57", qi = "_itemInfo_12dfx_68", Gi = "_itemId_12dfx_75", Hi = "_itemMeta_12dfx_80", Ki = "_itemKind_12dfx_87", Zi = "_itemActions_12dfx_95", Yi = "_actionButton_12dfx_100", Ji = "_empty_12dfx_136", U = {
+  list: Oi,
+  item: Fi,
+  selected: ji,
+  dragHandle: Ui,
+  ghost: Vi,
+  itemInfo: qi,
   itemId: Gi,
-  itemMeta: qi,
-  itemKind: Hi,
-  itemActions: Ki,
-  actionButton: Zi,
-  empty: Yi
+  itemMeta: Hi,
+  itemKind: Ki,
+  itemActions: Zi,
+  actionButton: Yi,
+  empty: Ji
 }, Kt = ({
   blocks: e,
   onBlocksChange: n,
@@ -3886,7 +3886,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 +3909,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 +3917,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 +3938,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 +3970,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 +4001,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: $,
@@ -4104,10 +4104,10 @@ 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
+const Xi = "_container_1x0zd_4", Qi = "_group_1x0zd_16", ea = "_divider_1x0zd_22", Te = {
+  container: Xi,
+  group: Qi,
+  divider: ea
 }, Zt = ({
   context: e,
   onActionFeedback: n
@@ -4188,11 +4188,11 @@ 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
+const ta = "_field_69k7e_6", na = "_horizontal_69k7e_12", la = "_label_69k7e_18", ia = "_gridSizeRow_69k7e_29", de = {
+  field: ta,
+  horizontal: na,
+  label: la,
+  gridSizeRow: ia
 }, bt = { value: 1, unit: "fr" }, Jt = ({ grid: e, onGridChange: n }) => {
   const i = y(
     (a) => {
@@ -4230,7 +4230,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 +4243,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,
@@ -4258,17 +4258,17 @@ 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
+const aa = "_topRow_2ni80_6", oa = "_linkSwitch_2ni80_15", sa = "_switchLabel_2ni80_23", ra = "_switchLabelActive_2ni80_31", ca = "_toggle_2ni80_35", da = "_thumb_2ni80_52", ha = "_topCell_2ni80_70", ua = "_sideCell_2ni80_75", pa = "_bottomCell_2ni80_81", ma = "_sideMargins_2ni80_88", H = {
+  topRow: aa,
+  linkSwitch: oa,
+  switchLabel: sa,
+  switchLabelActive: ra,
+  toggle: ca,
+  thumb: da,
+  topCell: ha,
+  sideCell: ua,
+  bottomCell: pa,
+  sideMargins: ma
 }, Xt = ({ paper: e, onPaperChange: n }) => {
   const [i, l] = O(!1), a = y(
     (s) => {
@@ -4408,18 +4408,18 @@ 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
+const ba = "_grid_ddemj_5", va = "_colSpan2_ddemj_13", fa = "_colSpan3_ddemj_18", ga = "_label_ddemj_23", ya = "_modeLabel_ddemj_32", _a = "_modeToggle_ddemj_40", xa = "_switchLabel_ddemj_47", wa = "_switchLabelActive_ddemj_55", Na = "_toggle_ddemj_59", Ca = "_thumb_ddemj_76", Sa = "_checkboxCell_ddemj_92", M = {
+  grid: ba,
+  colSpan2: va,
+  colSpan3: fa,
+  label: ga,
+  modeLabel: ya,
+  modeToggle: _a,
+  switchLabel: xa,
+  switchLabelActive: wa,
+  toggle: Na,
+  thumb: Ca,
+  checkboxCell: Sa
 };
 function vt(e, n) {
   switch (n) {
@@ -4600,7 +4600,7 @@ const Qt = ({
   );
 };
 Qt.displayName = "PaperSizePanel";
-const Sa = ({
+const Ia = ({
   context: e,
   onBlockHover: n,
   onBlockDragChange: i,
@@ -4670,11 +4670,11 @@ 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
+Ia.displayName = "DefaultCanvasPanel";
+const $a = "_buttonGroup_5h1ft_1", La = "_button_5h1ft_1", ka = "_error_5h1ft_33", R = {
+  buttonGroup: $a,
+  button: La,
+  error: ka
 }, ft = (e, n) => {
   const i = [];
   for (const l of Object.keys(e))
@@ -4722,9 +4722,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 +4770,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 +4814,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(
@@ -4976,7 +4981,7 @@ const Ia = "_buttonGroup_5h1ft_1", $a = "_button_5h1ft_1", La = "_error_5h1ft_33
   ] });
 };
 en.displayName = "ImportExportPanel";
-const ka = ({
+const Ta = ({
   context: e,
   sections: n
 }) => {
@@ -4995,19 +5000,19 @@ 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 = {
-  container: Ta,
-  paletteItems: Ea,
-  item: Aa,
-  itemName: Ma,
+Ta.displayName = "OtherPanel";
+const Ea = "_container_16a0l_1", Aa = "_paletteItems_16a0l_11", Ma = "_item_16a0l_23", Da = "_itemName_16a0l_49", Pa = "_itemPreview_16a0l_77", Ce = {
+  container: Ea,
+  paletteItems: Aa,
+  item: Ma,
+  itemName: Da,
   itemPreview: Pa
-}, Da = ({ context: e, className: n }) => {
+}, Ba = ({ 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 +5032,7 @@ const Ta = "_container_16a0l_1", Ea = "_paletteItems_16a0l_11", Aa = "_item_16a0
     );
   }) }) });
 };
-Da.displayName = "PalettePanel";
+Ba.displayName = "PalettePanel";
 const tn = ({ plugin: e, ghostWidth: n, ghostHeight: i }) => {
   const l = te(() => {
     var c, r;
@@ -5044,7 +5049,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 +5083,7 @@ const tn = ({ plugin: e, ghostWidth: n, ghostHeight: i }) => {
             onChange: () => {
             },
             readOnly: !0,
-            mode: fn.FORM
+            mode: gn.FORM
           }
         )
       }
@@ -5087,36 +5092,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,
-  ka as O,
-  Dl as P,
+  G as N,
+  Ta as O,
+  Bl as P,
   Mt as Q,
   Se as R,
-  Fa as S,
-  Ll as T,
-  wi as U,
-  En as a,
-  An as b,
-  Al as c,
-  Ni as d,
-  Mi as e,
-  Da as f,
-  Oa as g,
-  Sa as h,
-  kl as i,
+  ja as S,
+  kl as T,
+  Ni as U,
+  An as a,
+  Mn as b,
+  Ml as c,
+  Ci as d,
+  Di as e,
+  Ba as f,
+  Fa as g,
+  Ia as h,
+  Tl as i,
   _e as j,
   xe as k,
   Ht as l,
@@ -5126,12 +5131,12 @@ export {
   Yt as p,
   ae as q,
   V as r,
-  D as s,
+  P as s,
   le as t,
-  ja as u,
+  Ua as u,
   j as v,
   ge as w,
   Jt as x,
   en as y,
-  Gt as z
+  qt as z
 };