@tatamicks/core 0.1.6 → 0.1.7

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import './index.css';var On = Object.defineProperty;
 var Sn = (t, e, n) => e in t ? On(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var ae = (t, e, n) => Sn(t, typeof e != "symbol" ? e + "" : e, n);
-import kn, { useCallback as $, useRef as dt, useEffect as mt, useState as st, createContext as Gn, useContext as _e, memo as F, useMemo as P, forwardRef as te, useImperativeHandle as ye } from "react";
+import kn, { useCallback as $, useRef as dt, useEffect as mt, useState as st, createContext as Gn, useContext as _e, memo as F, useMemo as L, forwardRef as te, useImperativeHandle as ye } from "react";
 var Xt = { exports: {} }, Lt = {};
 /**
  * @license React
@@ -59,7 +59,7 @@ function Vn() {
           return "Profiler";
         case m:
           return "StrictMode";
-        case O:
+        case P:
           return "Suspense";
         case D:
           return "SuspenseList";
@@ -72,14 +72,14 @@ function Vn() {
         ), b.$$typeof) {
           case _:
             return "Portal";
-          case j:
+          case N:
             return b.displayName || "Context";
-          case w:
+          case g:
             return (b._context.displayName || "Context") + ".Consumer";
-          case N:
+          case y:
             var R = b.render;
             return b = b.displayName, b || (b = R.displayName || R.name || "", b = b !== "" ? "ForwardRef(" + b + ")" : "ForwardRef"), b;
-          case g:
+          case w:
             return R = b.displayName || null, R !== null ? R : t(b.type) || "Memo";
           case T:
             R = b._payload, b = b._init;
@@ -102,8 +102,8 @@ function Vn() {
       }
       if (R) {
         R = console;
-        var C = R.error, z = typeof Symbol == "function" && Symbol.toStringTag && b[Symbol.toStringTag] || b.constructor.name || "Object";
-        return C.call(
+        var O = R.error, z = typeof Symbol == "function" && Symbol.toStringTag && b[Symbol.toStringTag] || b.constructor.name || "Object";
+        return O.call(
           R,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           z
@@ -136,14 +136,14 @@ function Vn() {
       return b.key !== void 0;
     }
     function a(b, R) {
-      function C() {
-        L || (L = !0, console.error(
+      function O() {
+        C || (C = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           R
         ));
       }
-      C.isReactWarning = !0, Object.defineProperty(b, "key", {
-        get: C,
+      O.isReactWarning = !0, Object.defineProperty(b, "key", {
+        get: O,
         configurable: !0
       });
     }
@@ -153,13 +153,13 @@ function Vn() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), b = this.props.ref, b !== void 0 ? b : null;
     }
-    function u(b, R, C, z, bt, Pt) {
-      var J = C.ref;
+    function u(b, R, O, z, bt, Pt) {
+      var J = O.ref;
       return b = {
-        $$typeof: y,
+        $$typeof: E,
         type: b,
         key: R,
-        props: C,
+        props: O,
         _owner: z
       }, (J !== void 0 ? J : null) !== null ? Object.defineProperty(b, "ref", {
         enumerable: !1,
@@ -186,11 +186,11 @@ function Vn() {
         value: Pt
       }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     }
-    function f(b, R, C, z, bt, Pt) {
+    function f(b, R, O, z, bt, Pt) {
       var J = R.children;
       if (J !== void 0)
         if (z)
-          if (E(J)) {
+          if (j(J)) {
             for (z = 0; z < J.length; z++)
               p(J[z]);
             Object.freeze && Object.freeze(J);
@@ -217,18 +217,18 @@ React keys must be passed directly to JSX without using spread:
           J
         ), q[J + z] = !0);
       }
-      if (J = null, C !== void 0 && (n(C), J = "" + C), i(R) && (n(R.key), J = "" + R.key), "key" in R) {
-        C = {};
+      if (J = null, O !== void 0 && (n(O), J = "" + O), i(R) && (n(R.key), J = "" + R.key), "key" in R) {
+        O = {};
         for (var wt in R)
-          wt !== "key" && (C[wt] = R[wt]);
-      } else C = R;
+          wt !== "key" && (O[wt] = R[wt]);
+      } else O = R;
       return J && a(
-        C,
+        O,
         typeof b == "function" ? b.displayName || b.name || "Unknown" : b
       ), u(
         b,
         J,
-        C,
+        O,
         o(),
         bt,
         Pt
@@ -238,9 +238,9 @@ React keys must be passed directly to JSX without using spread:
       x(b) ? b._store && (b._store.validated = 1) : typeof b == "object" && b !== null && b.$$typeof === T && (b._payload.status === "fulfilled" ? x(b._payload.value) && b._payload.value._store && (b._payload.value._store.validated = 1) : b._store && (b._store.validated = 1));
     }
     function x(b) {
-      return typeof b == "object" && b !== null && b.$$typeof === y;
+      return typeof b == "object" && b !== null && b.$$typeof === E;
     }
-    var v = kn, y = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), j = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), M = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), A = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, k = Object.prototype.hasOwnProperty, E = Array.isArray, I = console.createTask ? console.createTask : function() {
+    var v = kn, E = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), g = Symbol.for("react.consumer"), N = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), M = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), A = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, k = Object.prototype.hasOwnProperty, j = Array.isArray, I = console.createTask ? console.createTask : function() {
       return null;
     };
     v = {
@@ -248,26 +248,26 @@ React keys must be passed directly to JSX without using spread:
         return b();
       }
     };
-    var L, S = {}, Y = v.react_stack_bottom_frame.bind(
+    var C, S = {}, Y = v.react_stack_bottom_frame.bind(
       v,
       l
     )(), X = I(s(l)), q = {};
-    Ct.Fragment = d, Ct.jsx = function(b, R, C) {
+    Ct.Fragment = d, Ct.jsx = function(b, R, O) {
       var z = 1e4 > A.recentlyCreatedOwnerStacks++;
       return f(
         b,
         R,
-        C,
+        O,
         !1,
         z ? Error("react-stack-top-frame") : Y,
         z ? I(s(b)) : X
       );
-    }, Ct.jsxs = function(b, R, C) {
+    }, Ct.jsxs = function(b, R, O) {
       var z = 1e4 > A.recentlyCreatedOwnerStacks++;
       return f(
         b,
         R,
-        C,
+        O,
         !0,
         z ? Error("react-stack-top-frame") : Y,
         z ? I(s(b)) : X
@@ -286,8 +286,8 @@ const Un = "_container_1mr3i_5", Wn = "_select_1mr3i_11", Yn = "_placeholderOver
   placeholderOverlay: Yn
 }, It = (t) => {
   const { value: e, onChange: n, readOnly: s = !1, config: o } = t, l = t.options ?? (o == null ? void 0 : o.options) ?? [], i = t.placeholder ?? (o == null ? void 0 : o.placeholder) ?? "選択してください", a = t.width ?? (o == null ? void 0 : o.width), c = t.height ?? (o == null ? void 0 : o.height), u = $(
-    (y) => {
-      const _ = y.target.value;
+    (E) => {
+      const _ = E.target.value;
       if (_ === "")
         n(void 0);
       else {
@@ -322,7 +322,7 @@ const Un = "_container_1mr3i_5", Wn = "_select_1mr3i_11", Yn = "_placeholderOver
         value: f,
         onChange: u,
         disabled: s,
-        children: l.map((y) => /* @__PURE__ */ r.jsx("option", { value: String(y.value), children: y.label }, String(y.value)))
+        children: l.map((E) => /* @__PURE__ */ r.jsx("option", { value: String(E.value), children: E.label }, String(E.value)))
       }
     )
   ] });
@@ -508,31 +508,31 @@ const dr = "_input_14n56_5", hr = {
   config: f,
   onBlur: p
 }) => {
-  const x = s ?? (f == null ? void 0 : f.min) ?? 1, v = o ?? (f == null ? void 0 : f.max), y = l ?? (f == null ? void 0 : f.step) ?? 1, _ = i ?? (f == null ? void 0 : f.integer) ?? !1, d = a ?? (f == null ? void 0 : f.placeholder), m = c ?? (f == null ? void 0 : f.width), h = u ?? (f == null ? void 0 : f.height), w = $(
-    (N) => {
-      const O = N.target.value;
-      if (O === "") {
+  const x = s ?? (f == null ? void 0 : f.min) ?? 1, v = o ?? (f == null ? void 0 : f.max), E = l ?? (f == null ? void 0 : f.step) ?? 1, _ = i ?? (f == null ? void 0 : f.integer) ?? !1, d = a ?? (f == null ? void 0 : f.placeholder), m = c ?? (f == null ? void 0 : f.width), h = u ?? (f == null ? void 0 : f.height), g = $(
+    (y) => {
+      const P = y.target.value;
+      if (P === "") {
         e(void 0);
         return;
       }
-      let D = Number.parseFloat(O);
+      let D = Number.parseFloat(P);
       Number.isNaN(D) || (_ && (D = Math.round(D)), x !== void 0 && D < x && (D = x), v !== void 0 && D > v && (D = v), e(D));
     },
     [e, x, v, _]
-  ), j = {};
-  return m !== void 0 && (j.width = `${m}px`), h !== void 0 && (j.height = `${h}px`, j.paddingTop = 0, j.paddingBottom = 0), /* @__PURE__ */ r.jsx(
+  ), N = {};
+  return m !== void 0 && (N.width = `${m}px`), h !== void 0 && (N.height = `${h}px`, N.paddingTop = 0, N.paddingBottom = 0), /* @__PURE__ */ r.jsx(
     "input",
     {
       type: "number",
       className: hr.input,
-      style: j,
+      style: N,
       value: t ?? "",
-      onChange: w,
+      onChange: g,
       onBlur: p,
       disabled: n,
       min: x,
       max: v,
-      step: y,
+      step: E,
       placeholder: d
     }
   );
@@ -729,54 +729,54 @@ const ee = ({
   height: a,
   config: c
 }) => {
-  const u = o ?? (c == null ? void 0 : c.allowUndefined) ?? !0, f = l ?? (u ? "未設定" : "#000000"), p = i ?? (c == null ? void 0 : c.width), x = a ?? (c == null ? void 0 : c.height), [v, y] = st(!1), _ = dt(null), [d, m] = st(() => Le(t) ?? { r: 0, g: 0, b: 0, a: 1 });
+  const u = o ?? (c == null ? void 0 : c.allowUndefined) ?? !0, f = l ?? (u ? "未設定" : "#000000"), p = i ?? (c == null ? void 0 : c.width), x = a ?? (c == null ? void 0 : c.height), [v, E] = st(!1), _ = dt(null), [d, m] = st(() => Le(t) ?? { r: 0, g: 0, b: 0, a: 1 });
   mt(() => {
-    const E = Le(t);
-    E && m(E);
+    const j = Le(t);
+    j && m(j);
   }, [t]);
   const h = $(() => {
-    n || y((E) => !E);
-  }, [n]), [w, j] = st(
+    n || E((j) => !j);
+  }, [n]), [g, N] = st(
     t ? t.replace(/^#/, "") : ""
   );
   mt(() => {
-    j(t ? t.replace(/^#/, "") : "");
+    N(t ? t.replace(/^#/, "") : "");
   }, [t]);
-  const N = $(
-    (E) => {
-      const I = E.target.value;
-      /^[0-9A-Fa-f]*$/.test(I) && j(I);
+  const y = $(
+    (j) => {
+      const I = j.target.value;
+      /^[0-9A-Fa-f]*$/.test(I) && N(I);
     },
     []
-  ), O = $(
-    (E) => {
-      if (E === "" && u) {
+  ), P = $(
+    (j) => {
+      if (j === "" && u) {
         e(void 0);
         return;
       }
-      /^[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$/.test(E) ? e(`#${E}`) : j(t ? t.replace(/^#/, "") : "");
+      /^[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$/.test(j) ? e(`#${j}`) : N(t ? t.replace(/^#/, "") : "");
     },
     [e, u, t]
   ), D = $(
-    (E) => {
-      O(E.target.value);
+    (j) => {
+      P(j.target.value);
     },
-    [O]
-  ), g = $(
-    (E) => {
-      E.key === "Enter" && (E.preventDefault(), O(E.currentTarget.value), E.currentTarget.blur());
+    [P]
+  ), w = $(
+    (j) => {
+      j.key === "Enter" && (j.preventDefault(), P(j.currentTarget.value), j.currentTarget.blur());
     },
-    [O]
+    [P]
   ), T = $(
-    (E) => {
-      e(E);
+    (j) => {
+      e(j);
     },
     [e]
   ), M = $(
-    (E, I) => {
+    (j, I) => {
       if (I === void 0) return;
-      const L = { ...d, [E]: I };
-      m(L), e(cr(L));
+      const C = { ...d, [j]: I };
+      m(C), e(cr(C));
     },
     [d, e]
   ), G = t ?? "未設定", A = {};
@@ -802,9 +802,9 @@ const ee = ({
         {
           type: "text",
           className: nt.textInput,
-          value: w,
-          onChange: N,
-          onKeyDown: g,
+          value: g,
+          onChange: y,
+          onKeyDown: w,
           onBlur: D,
           disabled: n,
           placeholder: f,
@@ -816,7 +816,7 @@ const ee = ({
       qe,
       {
         isOpen: v,
-        onClose: () => y(!1),
+        onClose: () => E(!1),
         rgba: d,
         onRgbaChange: M,
         onColorSelect: T,
@@ -833,38 +833,54 @@ const fr = "_container_1n9lj_5", mr = "_valueInput_1n9lj_23", pr = "_unitSelect_
   unitSelect: pr
 }, at = (t) => {
   const { value: e, onChange: n, readOnly: s = !1, config: o } = t, l = t.allowedUnits ?? (o == null ? void 0 : o.allowedUnits), i = t.min ?? (o == null ? void 0 : o.min), a = t.max ?? (o == null ? void 0 : o.max), c = t.step ?? (o == null ? void 0 : o.step) ?? 1, u = t.placeholder ?? (o == null ? void 0 : o.placeholder), f = t.width ?? (o == null ? void 0 : o.width), p = t.height ?? (o == null ? void 0 : o.height), x = (e == null ? void 0 : e.unit) ?? (l == null ? void 0 : l[0]), v = $(
-    (h) => {
-      const w = h.target.value;
-      if (w === "") return;
-      let j = Number.parseFloat(w);
-      if (Number.isNaN(j)) return;
-      const N = i ?? 1;
-      j < N && (j = N), a !== void 0 && j > a && (j = a), n({
-        value: j,
+    (g) => {
+      const N = g.target.value;
+      let y = Number.parseFloat(N);
+      if (Number.isNaN(y)) return;
+      const P = i ?? 1;
+      y < P && (y = P), a !== void 0 && y > a && (y = a), n({
+        value: y,
         // 単位が未定ならデフォルト単位(または最初の許可単位)を強制
         unit: (e == null ? void 0 : e.unit) ?? x
       });
     },
     [e, n, x, i, a]
-  ), y = $(
-    (h) => {
-      const w = h.target.value;
+  ), E = $(
+    (g) => {
+      const N = g.target.value;
+      if (N === "") return;
+      let y = Number.parseFloat(N);
+      if (Number.isNaN(y)) return;
+      const P = i ?? 1;
+      y < P && (y = P, n({
+        value: y,
+        unit: (e == null ? void 0 : e.unit) ?? x
+      })), a !== void 0 && y > a && (y = a, n({
+        value: y,
+        unit: (e == null ? void 0 : e.unit) ?? x
+      }));
+    },
+    [e, n, x, i, a]
+  ), _ = $(
+    (g) => {
+      const N = g.target.value;
       n({
         // 値が未設定ならデフォルト値（例: 1）を入れてオブジェクトを作成
         value: (e == null ? void 0 : e.value) ?? 1,
-        unit: w
+        unit: N
       });
     },
     [e, n]
-  ), _ = (e == null ? void 0 : e.value) ?? "", d = (e == null ? void 0 : e.unit) ?? x ?? "", m = {};
-  return f !== void 0 ? m.width = `${f}px` : m.width = "100%", p !== void 0 && (m.height = `${p}px`), /* @__PURE__ */ r.jsxs("div", { className: de.container, style: m, children: [
+  ), d = (e == null ? void 0 : e.value) ?? "", m = (e == null ? void 0 : e.unit) ?? x ?? "", h = {};
+  return f !== void 0 ? h.width = `${f}px` : h.width = "100%", p !== void 0 && (h.height = `${p}px`), /* @__PURE__ */ r.jsxs("div", { className: de.container, style: h, children: [
     /* @__PURE__ */ r.jsx(
       "input",
       {
         type: "number",
         className: de.valueInput,
-        value: _,
+        value: d,
         onChange: v,
+        onBlur: E,
         placeholder: u,
         min: i ?? 1,
         max: a,
@@ -877,12 +893,12 @@ const fr = "_container_1n9lj_5", mr = "_valueInput_1n9lj_23", pr = "_unitSelect_
       "select",
       {
         className: de.unitSelect,
-        value: d,
-        onChange: y,
+        value: m,
+        onChange: _,
         disabled: s || !l || l.length <= 1,
-        children: l ? l.map((h) => /* @__PURE__ */ r.jsx("option", { value: h, children: h }, h)) : (
+        children: l ? l.map((g) => /* @__PURE__ */ r.jsx("option", { value: g, children: g }, g)) : (
           // 単位リストがない場合は現在の値を表示
-          /* @__PURE__ */ r.jsx("option", { value: d, children: d })
+          /* @__PURE__ */ r.jsx("option", { value: m, children: m })
         )
       }
     )
@@ -984,10 +1000,10 @@ const fr = "_container_1n9lj_5", mr = "_valueInput_1n9lj_23", pr = "_unitSelect_
   config: u,
   onBlur: f
 }) => {
-  const p = s ?? (u == null ? void 0 : u.placeholder), x = o ?? (u == null ? void 0 : u.maxLength), v = l ?? (u == null ? void 0 : u.multiline) ?? !1, y = i ?? (u == null ? void 0 : u.rows) ?? 3, _ = $(
+  const p = s ?? (u == null ? void 0 : u.placeholder), x = o ?? (u == null ? void 0 : u.maxLength), v = l ?? (u == null ? void 0 : u.multiline) ?? !1, E = i ?? (u == null ? void 0 : u.rows) ?? 3, _ = $(
     (h) => {
-      const w = h.target.value;
-      e(w);
+      const g = h.target.value;
+      e(g);
     },
     [e]
   ), d = {};
@@ -1002,7 +1018,7 @@ const fr = "_container_1n9lj_5", mr = "_valueInput_1n9lj_23", pr = "_unitSelect_
     placeholder: p,
     maxLength: x
   };
-  return v ? /* @__PURE__ */ r.jsx("textarea", { ...m, rows: y }) : /* @__PURE__ */ r.jsx("input", { ...m, type: "text", onBlur: f });
+  return v ? /* @__PURE__ */ r.jsx("textarea", { ...m, rows: E }) : /* @__PURE__ */ r.jsx("input", { ...m, type: "text", onBlur: f });
 };
 Yt.displayName = "TextInput";
 const Ai = ["mm", "cm", "fr", "inch", "pt", "px", "%"], Mi = ["mm", "cm", "pt", "inch", "px"], Pi = ["mm", "cm", "inch"], Li = ["mm", "cm", "fr", "inch", "pt", "px"], Nr = ["px", "pt", "mm"], Ir = ["px", "pt", "mm"], Ot = ["mm", "pt", "px", "%"], Ce = ["mm", "cm", "inch", "pt", "px", "%"], $r = {
@@ -1642,7 +1658,7 @@ const Br = F(
     dpi: l = H,
     className: i = ""
   }) => {
-    const a = P(() => {
+    const a = L(() => {
       if (e)
         return new zt(e);
     }, [e]);
@@ -1719,7 +1735,7 @@ const Br = F(
     dpi: l = H,
     className: i = ""
   }) => {
-    const a = P(() => {
+    const a = L(() => {
       if (s)
         return new zt(s);
     }, [s]);
@@ -1767,13 +1783,13 @@ const Br = F(
   validationState: p,
   className: x = ""
 }, v) => {
-  const y = dt(null);
+  const E = dt(null);
   ye(
     v,
     () => ({
       focus: () => {
-        var w;
-        return (w = y.current) == null ? void 0 : w.focus();
+        var g;
+        return (g = E.current) == null ? void 0 : g.focus();
       }
     }),
     []
@@ -1809,7 +1825,7 @@ const Br = F(
       "data-testid": "block-renderer",
       "data-block-id": t,
       "data-plugin-kind": e.kind,
-      children: /* @__PURE__ */ r.jsx(h, { ref: y, ...m })
+      children: /* @__PURE__ */ r.jsx(h, { ref: E, ...m })
     }
   );
 }, Yr = te(Wr), se = F(
@@ -1848,13 +1864,13 @@ const nn = F(
       defaultGuideBorder: p = Ne,
       dpi: x = H,
       className: v = "",
-      pointerEvents: y = "none"
+      pointerEvents: E = "none"
     }, _) => {
-      var h, w, j, N;
+      var h, g, N, y;
       const d = en(n, {
         zIndex: s,
-        pointerEvents: y
-      }), m = P(() => ({
+        pointerEvents: E
+      }), m = L(() => ({
         width: n.width,
         height: n.height
       }), [n.width, n.height]);
@@ -1874,7 +1890,7 @@ const nn = F(
                 subZIndex: f.bg
               }
             ),
-            c && !((w = t.style) != null && w.border) && /* @__PURE__ */ r.jsx(
+            c && !((g = t.style) != null && g.border) && /* @__PURE__ */ r.jsx(
               Ur,
               {
                 blockSizePx: m,
@@ -1894,7 +1910,7 @@ const nn = F(
                 value: l,
                 onChange: i,
                 onBlur: a,
-                readOnly: o === pt.EDIT ? ((j = t.behavior) == null ? void 0 : j.readOnly) ?? !1 : !0,
+                readOnly: o === pt.EDIT ? ((N = t.behavior) == null ? void 0 : N.readOnly) ?? !1 : !0,
                 mode: o,
                 blockSizePx: m,
                 blockZIndex: s,
@@ -1906,7 +1922,7 @@ const nn = F(
               {
                 blockSizePx: m,
                 blockZIndex: s,
-                borderStyle: (N = t.style) == null ? void 0 : N.border,
+                borderStyle: (y = t.style) == null ? void 0 : y.border,
                 subZIndex: f.border,
                 visible: u,
                 dpi: x
@@ -1941,7 +1957,7 @@ const ie = F(
     dpi: x = H,
     className: v = ""
   }) => {
-    const y = dt(/* @__PURE__ */ new Map()), _ = {
+    const E = dt(/* @__PURE__ */ new Map()), _ = {
       position: "absolute",
       inset: 0,
       pointerEvents: "none"
@@ -1949,22 +1965,22 @@ const ie = F(
     return /* @__PURE__ */ r.jsx("div", { className: v, style: _, "data-testid": "block-layer", children: t.map((d, m) => {
       const h = e[d.kind];
       if (!h) return null;
-      const w = l(d), j = o.includes(d.id);
-      let N = Gr(m);
-      j && (N = V.SELECT_BLOCK);
-      const O = s[d.id] ?? d.initValue;
+      const g = l(d), N = o.includes(d.id);
+      let y = Gr(m);
+      N && (y = V.SELECT_BLOCK);
+      const P = s[d.id] ?? d.initValue;
       return /* @__PURE__ */ r.jsx(
         nn,
         {
           ref: (D) => {
-            D ? y.current.set(d.id, D) : y.current.delete(d.id);
+            D ? E.current.set(d.id, D) : E.current.delete(d.id);
           },
           block: d,
           plugin: h,
-          blockRectPx: w,
-          blockZIndex: N,
+          blockRectPx: g,
+          blockZIndex: y,
           mode: n,
-          value: O,
+          value: P,
           onValueChange: i ? (D) => i(d.id, D) : void 0,
           onValueBlur: (D) => a == null ? void 0 : a(d.id, D),
           showGuides: c,
@@ -1991,7 +2007,7 @@ const zr = F(
     zIndex: i = V.BORDER_OVERLAY,
     className: a = ""
   }) => {
-    const c = P(() => {
+    const c = L(() => {
       if (s)
         return new zt(s);
     }, [s]);
@@ -2157,7 +2173,7 @@ const rn = F(
     onChange: i,
     onCancel: a
   }) => {
-    const [c, u] = st(e.value.toString()), [f, p] = st(e.unit), x = dt(null), v = dt(null), y = t === "column" ? {
+    const [c, u] = st(e.value.toString()), [f, p] = st(e.unit), x = dt(null), v = dt(null), E = t === "column" ? {
       left: `${o + s}px`,
       top: `${l + 24}px`,
       transform: "translateX(-50%)"
@@ -2167,11 +2183,11 @@ const rn = F(
       transform: "translateY(-50%)"
     };
     mt(() => {
-      var h, w;
-      (h = x.current) == null || h.focus(), (w = x.current) == null || w.select();
+      var h, g;
+      (h = x.current) == null || h.focus(), (g = x.current) == null || g.select();
     }, []), mt(() => {
-      const h = (w) => {
-        v.current && !v.current.contains(w.target) && a();
+      const h = (g) => {
+        v.current && !v.current.contains(g.target) && a();
       };
       return document.addEventListener("mousedown", h), () => {
         document.removeEventListener("mousedown", h);
@@ -2183,17 +2199,17 @@ const rn = F(
     }, d = (h) => {
       h.key === "Enter" ? (h.preventDefault(), _()) : h.key === "Escape" && (h.preventDefault(), a());
     }, m = (h) => {
-      const w = h.target.value;
-      p(w);
-      const j = lo(n, w);
-      u(j.toString());
+      const g = h.target.value;
+      p(g);
+      const N = lo(n, g);
+      u(N.toString());
     };
     return /* @__PURE__ */ r.jsxs(
       "div",
       {
         ref: v,
         className: qt.editor,
-        style: y,
+        style: E,
         "data-testid": `grid-unit-editor-${t}`,
         children: [
           /* @__PURE__ */ r.jsx(
@@ -2298,7 +2314,7 @@ const xe = F(
       writingMode: "vertical-rl"
     }, v = () => {
       p(!0);
-    }, y = (h) => {
+    }, E = (h) => {
       u == null || u(t, e, h), p(!1);
     }, _ = () => {
       p(!1);
@@ -2334,7 +2350,7 @@ const xe = F(
           position: s,
           marginLeftPx: l,
           marginTopPx: i,
-          onChange: y,
+          onChange: E,
           onCancel: _
         }
       )
@@ -2362,7 +2378,7 @@ const uo = F(
     dpi: a = H,
     className: c = ""
   }) => {
-    const u = P(() => co(
+    const u = L(() => co(
       t.cols.slice(1, -1),
       t.rows.slice(1, -1),
       e.width,
@@ -2430,16 +2446,16 @@ const uo = F(
       height: `${f}px`,
       cursor: "row-resize"
     }, v = $(
-      (y) => {
-        y.stopPropagation(), y.preventDefault();
-        const _ = t === "column" ? y.clientX : y.clientY;
+      (E) => {
+        E.stopPropagation(), E.preventDefault();
+        const _ = t === "column" ? E.clientX : E.clientY;
         u(!0), l == null || l(t, e);
         const d = (h) => {
-          const j = (t === "column" ? h.clientX : h.clientY) - _;
-          i == null || i(t, e, j);
+          const N = (t === "column" ? h.clientX : h.clientY) - _;
+          i == null || i(t, e, N);
         }, m = (h) => {
-          const j = (t === "column" ? h.clientX : h.clientY) - _;
-          u(!1), a == null || a(t, e, j), window.removeEventListener("pointermove", d), window.removeEventListener("pointerup", m);
+          const N = (t === "column" ? h.clientX : h.clientY) - _;
+          u(!1), a == null || a(t, e, N), window.removeEventListener("pointermove", d), window.removeEventListener("pointerup", m);
         };
         window.addEventListener("pointermove", d), window.addEventListener("pointerup", m);
       },
@@ -2559,87 +2575,87 @@ const mo = F(
     showResizeHandles: p = !1,
     showDimensionLabels: x = !1,
     onGridResize: v,
-    onDimensionChange: y,
+    onDimensionChange: E,
     className: _ = "",
     zIndex: d = {}
   }) => {
-    const [m, h] = st(null), [w, j] = st(null), [N, O] = st(
+    const [m, h] = st(null), [g, N] = st(null), [y, P] = st(
       null
     ), D = dt(null);
     mt(() => {
-      const E = (L) => {
+      const j = (C) => {
         if (!D.current) return;
         const S = D.current.getBoundingClientRect();
-        O({
-          x: L.clientX - S.left,
-          y: L.clientY - S.top
+        P({
+          x: C.clientX - S.left,
+          y: C.clientY - S.top
         });
-      }, I = (L) => {
+      }, I = (C) => {
         if (!D.current) return;
         const S = D.current.getBoundingClientRect();
-        (L.clientX < S.left || L.clientX > S.right || L.clientY < S.top || L.clientY > S.bottom) && O(null);
+        (C.clientX < S.left || C.clientX > S.right || C.clientY < S.top || C.clientY > S.bottom) && P(null);
       };
-      return window.addEventListener("mousemove", E), window.addEventListener("mouseleave", I), () => {
-        window.removeEventListener("mousemove", E), window.removeEventListener("mouseleave", I);
+      return window.addEventListener("mousemove", j), window.addEventListener("mouseleave", I), () => {
+        window.removeEventListener("mousemove", j), window.removeEventListener("mouseleave", I);
       };
     }, []);
-    const g = P(() => {
-      if (!N) return !1;
-      const E = t.content.width, I = t.content.height, L = t.margin.left, S = t.margin.top;
-      return !(N.x >= L && N.x <= L + E && N.y >= S && N.y <= S + I);
-    }, [N, t]), T = $(
-      (E, I) => {
-        j({ direction: E, index: I });
+    const w = L(() => {
+      if (!y) return !1;
+      const j = t.content.width, I = t.content.height, C = t.margin.left, S = t.margin.top;
+      return !(y.x >= C && y.x <= C + j && y.y >= S && y.y <= S + I);
+    }, [y, t]), T = $(
+      (j, I) => {
+        N({ direction: j, index: I });
       },
       []
-    ), M = P(() => {
-      if (!m || !w) return null;
-      const E = w.direction === "column" ? e.cols : e.rows, I = w.index, L = E[I - 1], S = m.position, Y = L !== void 0 ? S - L : 0, X = m.position, q = E[I + 1], b = q !== void 0 ? q - X : 0;
+    ), M = L(() => {
+      if (!m || !g) return null;
+      const j = g.direction === "column" ? e.cols : e.rows, I = g.index, C = j[I - 1], S = m.position, Y = C !== void 0 ? S - C : 0, X = m.position, q = j[I + 1], b = q !== void 0 ? q - X : 0;
       return {
-        direction: w.direction,
+        direction: g.direction,
         prevIndex: I - 1,
         prevSize: Y,
         nextIndex: I,
         nextSize: b
       };
-    }, [m, w, e]), G = $(
-      (E, I, L) => {
-        const S = E === "column" ? e.cols : e.rows, Y = S[I];
+    }, [m, g, e]), G = $(
+      (j, I, C) => {
+        const S = j === "column" ? e.cols : e.rows, Y = S[I];
         if (Y === void 0) return;
         const X = S[I - 1], q = S[I + 1], b = 10;
-        let R = L;
+        let R = C;
         if (X !== void 0) {
-          const C = X + b - Y;
-          R = Math.max(R, C);
+          const O = X + b - Y;
+          R = Math.max(R, O);
         }
         if (q !== void 0) {
-          const C = q - b - Y;
-          R = Math.min(R, C);
+          const O = q - b - Y;
+          R = Math.min(R, O);
         }
         h({
-          direction: E,
+          direction: j,
           position: Y + R
         });
       },
       [e]
     ), A = $(
-      (E, I, L) => {
-        const S = E === "column" ? e.cols : e.rows, Y = S[I];
+      (j, I, C) => {
+        const S = j === "column" ? e.cols : e.rows, Y = S[I];
         if (Y === void 0) {
           h(null);
           return;
         }
         const X = S[I - 1], q = S[I + 1], b = 10;
-        let R = L;
+        let R = C;
         if (X !== void 0) {
-          const C = X + b - Y;
-          R = Math.max(R, C);
+          const O = X + b - Y;
+          R = Math.max(R, O);
         }
         if (q !== void 0) {
-          const C = q - b - Y;
-          R = Math.min(R, C);
+          const O = q - b - Y;
+          R = Math.min(R, O);
         }
-        h(null), j(null), v == null || v(E, I, R);
+        h(null), N(null), v == null || v(j, I, R);
       },
       [e, v]
     ), k = {
@@ -2696,87 +2712,87 @@ const mo = F(
         }
       ),
       p && v && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        e.cols.map((E, I) => {
+        e.cols.map((j, I) => {
           if (I === 0 || I === e.cols.length - 1)
             return null;
-          const L = `col-${I}`;
+          const C = `col-${I}`;
           return /* @__PURE__ */ r.jsx(
             ve,
             {
               direction: "column",
               index: I,
-              position: E,
+              position: j,
               marginLeftPx: t.margin.left,
               marginTopPx: t.margin.top,
               onResizeStart: T,
               onResize: G,
               onResizeEnd: A
             },
-            L
+            C
           );
         }),
-        e.rows.map((E, I) => {
+        e.rows.map((j, I) => {
           if (I === 0 || I === e.rows.length - 1)
             return null;
-          const L = `row-${I}`;
+          const C = `row-${I}`;
           return /* @__PURE__ */ r.jsx(
             ve,
             {
               direction: "row",
               index: I,
-              position: E,
+              position: j,
               marginLeftPx: t.margin.left,
               marginTopPx: t.margin.top,
               onResizeStart: T,
               onResize: G,
               onResizeEnd: A
             },
-            L
+            C
           );
         })
       ] }),
       x && n && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        n.cols.map((E, I) => {
-          const L = e.cols[I], S = e.cols[I + 1];
-          if (L === void 0 || S === void 0) return null;
-          const Y = (w == null ? void 0 : w.direction) === "column" && (w.index === I || w.index === I + 1);
+        n.cols.map((j, I) => {
+          const C = e.cols[I], S = e.cols[I + 1];
+          if (C === void 0 || S === void 0) return null;
+          const Y = (g == null ? void 0 : g.direction) === "column" && (g.index === I || g.index === I + 1);
           let X;
           M && M.direction === "column" && (M.prevIndex === I ? X = M.prevSize : M.nextIndex === I && (X = M.nextSize));
-          const q = (L + S) / 2, b = S - L, R = `col-dim-${I}`;
+          const q = (C + S) / 2, b = S - C, R = `col-dim-${I}`;
           return /* @__PURE__ */ r.jsx(
             xe,
             {
               direction: "column",
               index: I,
-              dimension: E,
+              dimension: j,
               position: q,
               currentPxSize: b,
               marginLeftPx: t.margin.left,
               marginTopPx: t.margin.top,
-              isNearCursor: g || Y,
+              isNearCursor: w || Y,
               resizingPxSize: X,
-              onDimensionChange: y
+              onDimensionChange: E
             },
             R
           );
         }),
         " ",
-        n.rows.map((E, I) => {
-          const L = e.rows[I], S = e.rows[I + 1];
-          if (L === void 0 || S === void 0) return null;
-          const Y = (w == null ? void 0 : w.direction) === "row" && (w.index === I || w.index === I + 1), X = (L + S) / 2, q = S - L, b = `row-dim-${I}`;
+        n.rows.map((j, I) => {
+          const C = e.rows[I], S = e.rows[I + 1];
+          if (C === void 0 || S === void 0) return null;
+          const Y = (g == null ? void 0 : g.direction) === "row" && (g.index === I || g.index === I + 1), X = (C + S) / 2, q = S - C, b = `row-dim-${I}`;
           return /* @__PURE__ */ r.jsx(
             xe,
             {
               direction: "row",
               index: I,
-              dimension: E,
+              dimension: j,
               position: X,
               currentPxSize: q,
               marginLeftPx: t.margin.left,
               marginTopPx: t.margin.top,
-              isNearCursor: g || Y,
-              onDimensionChange: y
+              isNearCursor: w || Y,
+              onDimensionChange: E
             },
             b
           );
@@ -2875,7 +2891,7 @@ function xo(t, e, n, s) {
   const o = t[e], l = t[e + 1];
   if (!o || !l) return t;
   const i = t.reduce(
-    (y, _) => _.unit === "fr" ? y + _.value : y,
+    (E, _) => _.unit === "fr" ? E + _.value : E,
     0
   ), a = s / i, c = o.value * a, u = l.value * a, f = Math.max(10, c + n), p = Math.max(10, u - n), x = f / a, v = p / a;
   return t[e] = {
@@ -2911,7 +2927,7 @@ function Se(t, e, n, s, o) {
       ...i,
       value: Qt(x, i.unit)
     };
-    const v = x - p, y = u - v, _ = l.value * f, d = Math.max(10, _ + n), m = a > 0 ? d / y * a : 1;
+    const v = x - p, E = u - v, _ = l.value * f, d = Math.max(10, _ + n), m = a > 0 ? d / E * a : 1;
     t[e] = {
       ...l,
       value: Math.round(m * 100) / 100
@@ -2922,7 +2938,7 @@ function Se(t, e, n, s, o) {
       ...l,
       value: Qt(x, l.unit)
     };
-    const v = x - p, y = u - v, _ = i.value * f, d = Math.max(10, _ - n), m = a > 0 ? d / y * a : 1;
+    const v = x - p, E = u - v, _ = i.value * f, d = Math.max(10, _ - n), m = a > 0 ? d / E * a : 1;
     t[e + 1] = {
       ...i,
       value: Math.round(m * 100) / 100
@@ -3301,7 +3317,7 @@ const Co = F(
     zIndex: n = V.BLOCK_SELECT_BORDER,
     borderStyle: s = le
   }) => {
-    const o = P(() => new zt(s), [s]), l = {
+    const o = L(() => new zt(s), [s]), l = {
       position: "absolute",
       inset: 0,
       pointerEvents: "none",
@@ -3395,15 +3411,15 @@ const an = F(
         height: d.height
       };
     } else {
-      const _ = e.cols - i.w, d = e.rows - i.h, m = Math.max(0, Math.min(s.col, _)), h = Math.max(0, Math.min(s.row, d)), w = At(x, {
+      const _ = e.cols - i.w, d = e.rows - i.h, m = Math.max(0, Math.min(s.col, _)), h = Math.max(0, Math.min(s.row, d)), g = At(x, {
         x: m,
         y: h,
         w: i.w,
         h: i.h
       });
-      v = n(w);
+      v = n(g);
     }
-    const y = At(x, {
+    const E = At(x, {
       x: 0,
       y: 0,
       w: i.w,
@@ -3435,10 +3451,10 @@ const an = F(
               children: /* @__PURE__ */ r.jsx(
                 se,
                 {
-                  id: y.id,
+                  id: E.id,
                   plugin: x,
-                  props: y.props,
-                  value: y.initValue,
+                  props: E.props,
+                  value: E.initValue,
                   onChange: () => {
                   },
                   readOnly: !0,
@@ -3452,7 +3468,7 @@ const an = F(
           /* @__PURE__ */ r.jsx(
             Ht,
             {
-              block: y,
+              block: E,
               rect: v,
               selectionStyle: c,
               selectBorderZIndex: f,
@@ -3471,10 +3487,10 @@ function cn(t, e, n, s, o) {
   if (t.length === 1) {
     const m = t[0];
     if (!m) return [];
-    const h = s - m.layout.w, w = o - m.layout.h, j = Math.max(0, Math.min(m.layout.x + e, h)), N = Math.max(0, Math.min(m.layout.y + n, w));
-    return [{ blockId: m.id, x: j, y: N }];
+    const h = s - m.layout.w, g = o - m.layout.h, N = Math.max(0, Math.min(m.layout.x + e, h)), y = Math.max(0, Math.min(m.layout.y + n, g));
+    return [{ blockId: m.id, x: N, y }];
   }
-  const l = Math.min(...t.map((m) => m.layout.x)), i = Math.min(...t.map((m) => m.layout.y)), a = Math.max(...t.map((m) => m.layout.x + m.layout.w)), c = Math.max(...t.map((m) => m.layout.y + m.layout.h)), u = a - l, f = c - i, p = l + e, x = i + n, v = Math.max(0, Math.min(p, s - u)), y = Math.max(0, Math.min(x, o - f)), _ = v - l, d = y - i;
+  const l = Math.min(...t.map((m) => m.layout.x)), i = Math.min(...t.map((m) => m.layout.y)), a = Math.max(...t.map((m) => m.layout.x + m.layout.w)), c = Math.max(...t.map((m) => m.layout.y + m.layout.h)), u = a - l, f = c - i, p = l + e, x = i + n, v = Math.max(0, Math.min(p, s - u)), E = Math.max(0, Math.min(x, o - f)), _ = v - l, d = E - i;
   return t.map((m) => ({
     blockId: m.id,
     x: m.layout.x + _,
@@ -3497,7 +3513,7 @@ const un = F(
     selectBorderZIndex: p = rt.select_border,
     blockHandlesZIndex: x = rt.block_handles
   }) => {
-    const v = o.map((_) => t.find((d) => d.id === _)).filter(Boolean), y = cn(
+    const v = o.map((_) => t.find((d) => d.id === _)).filter(Boolean), E = cn(
       v,
       l,
       i,
@@ -3514,35 +3530,35 @@ const un = F(
           pointerEvents: "none"
         },
         children: o.map((_) => {
-          const d = t.find((j) => j.id === _);
+          const d = t.find((N) => N.id === _);
           if (!d) return null;
           const m = e[d.kind];
           if (!m) return null;
           let h;
           if (a && c) {
-            const j = s(d);
+            const N = s(d);
             h = {
-              left: c.x - j.width / 2,
-              top: c.y - j.height / 2,
-              width: j.width,
-              height: j.height
+              left: c.x - N.width / 2,
+              top: c.y - N.height / 2,
+              width: N.width,
+              height: N.height
             };
           } else {
-            const j = y.find(
-              (O) => O.blockId === d.id
+            const N = E.find(
+              (P) => P.blockId === d.id
             );
-            if (!j) return null;
-            const N = {
+            if (!N) return null;
+            const y = {
               ...d,
               layout: {
                 ...d.layout,
-                x: j.x,
-                y: j.y
+                x: N.x,
+                y: N.y
               }
             };
-            h = s(N);
+            h = s(y);
           }
-          const w = {
+          const g = {
             ...d,
             layout: {
               ...d.layout,
@@ -3567,10 +3583,10 @@ const un = F(
                 children: /* @__PURE__ */ r.jsx(
                   se,
                   {
-                    id: w.id,
+                    id: g.id,
                     plugin: m,
-                    props: w.props,
-                    value: w.initValue,
+                    props: g.props,
+                    value: g.initValue,
                     onChange: () => {
                     },
                     readOnly: !0,
@@ -3585,7 +3601,7 @@ const un = F(
             /* @__PURE__ */ r.jsx(
               Ht,
               {
-                block: w,
+                block: g,
                 rect: h,
                 selectionStyle: u,
                 selectBorderZIndex: p,
@@ -3640,8 +3656,8 @@ const hn = F(
     selectBorderZIndex: p = rt.select_border,
     blockHandlesZIndex: x = rt.block_handles
   }) => {
-    const v = t.find((h) => h.id === o), y = e[(v == null ? void 0 : v.kind) ?? ""];
-    if (!v || !y) return null;
+    const v = t.find((h) => h.id === o), E = e[(v == null ? void 0 : v.kind) ?? ""];
+    if (!v || !E) return null;
     const _ = dn({
       layout: v.layout,
       handle: l,
@@ -3680,7 +3696,7 @@ const hn = F(
                 se,
                 {
                   id: d.id,
-                  plugin: y,
+                  plugin: E,
                   props: d.props,
                   value: d.initValue,
                   onChange: () => {
@@ -3823,7 +3839,7 @@ const Oo = ({
   }), v = {
     width: i.width,
     height: i.height
-  }, y = {
+  }, E = {
     id: t,
     props: n,
     value: s,
@@ -3847,7 +3863,7 @@ const Oo = ({
       "data-testid": "editing-block",
       "data-block-id": t,
       "data-plugin-kind": e.kind,
-      children: /* @__PURE__ */ r.jsx(_, { ref: p, ...y })
+      children: /* @__PURE__ */ r.jsx(_, { ref: p, ...E })
     }
   );
 }, So = te(Oo), ko = F(
@@ -4070,19 +4086,19 @@ const pn = F(
     selectionStyle: p,
     handleStyle: x,
     editBlockZIndex: v = V.EDIT_BLOCK,
-    selectBorderZIndex: y = rt.select_border,
+    selectBorderZIndex: E = rt.select_border,
     blockHandlesZIndex: _ = rt.block_handles,
     dragGhostZIndex: d = rt.block_ghost
   }) => {
     const m = dt(null), h = dt(null);
     mt(() => {
       i.mode === W.EDITING && i.editingBlockId && setTimeout(() => {
-        var g;
-        (g = h.current) == null || g.focus();
+        var w;
+        (w = h.current) == null || w.focus();
       }, 0);
     }, [i.mode, i.editingBlockId]), mt(() => {
-      const g = new Set(t.map((M) => M.id)), T = i.selectedBlockIds.filter(
-        (M) => g.has(M)
+      const w = new Set(t.map((M) => M.id)), T = i.selectedBlockIds.filter(
+        (M) => w.has(M)
       );
       T.length !== i.selectedBlockIds.length && a({
         type: B.SELECT,
@@ -4090,25 +4106,25 @@ const pn = F(
         shiftKey: !1
       });
     }, [t, i.selectedBlockIds, a]);
-    const w = $(
-      (g) => {
+    const g = $(
+      (w) => {
         var I;
-        if (g.button !== 0) return;
+        if (w.button !== 0) return;
         const T = (I = m.current) == null ? void 0 : I.getBoundingClientRect();
         if (!T) return;
         const M = u ?? 1, G = {
-          x: (g.clientX - T.left) / M,
-          y: (g.clientY - T.top) / M
+          x: (w.clientX - T.left) / M,
+          y: (w.clientY - T.top) / M
         }, A = He(G, t, s);
         if (i.mode === W.EDITING) {
           A !== i.editingBlockId && (a({ type: B.END_EDIT }), A || a({ type: B.DESELECT }));
           return;
         }
-        const k = o(G.x), E = l(G.y);
+        const k = o(G.x), j = l(G.y);
         if (A) {
-          g.stopPropagation();
-          const L = i.selectedBlockIds.includes(A);
-          if (L && g.shiftKey) {
+          w.stopPropagation();
+          const C = i.selectedBlockIds.includes(A);
+          if (C && w.shiftKey) {
             const S = i.selectedBlockIds.filter(
               (Y) => Y !== A
             );
@@ -4118,13 +4134,13 @@ const pn = F(
               shiftKey: !0
             });
             return;
-          } else L ? (g.currentTarget.setPointerCapture(g.pointerId), a({
+          } else C ? (w.currentTarget.setPointerCapture(w.pointerId), a({
             type: B.START_PRESS,
             blockId: A,
-            startGrid: { col: k, row: E },
+            startGrid: { col: k, row: j },
             // 複数選択時は全選択ブロックを移動対象にする
             selectedBlockIds: i.selectedBlockIds
-          })) : (g.currentTarget.setPointerCapture(g.pointerId), g.shiftKey ? a({
+          })) : (w.currentTarget.setPointerCapture(w.pointerId), w.shiftKey ? a({
             type: B.SELECT,
             blockIds: [...i.selectedBlockIds, A],
             shiftKey: !0
@@ -4134,11 +4150,11 @@ const pn = F(
           }), a({
             type: B.START_PRESS,
             blockId: A,
-            startGrid: { col: k, row: E },
+            startGrid: { col: k, row: j },
             selectedBlockIds: [A]
           })));
         } else
-          g.stopPropagation(), a({ type: B.DESELECT });
+          w.stopPropagation(), a({ type: B.DESELECT });
       },
       [
         t,
@@ -4151,37 +4167,37 @@ const pn = F(
         u,
         i.editingBlockId
       ]
-    ), j = $(
-      (g) => {
+    ), N = $(
+      (w) => {
         var q;
         if (i.mode !== W.PRESSING && i.mode !== W.DRAGGING || !i.dragging) return;
         const T = (q = m.current) == null ? void 0 : q.getBoundingClientRect();
         if (!T) return;
-        const M = u ?? 1, G = T.width / M, A = T.height / M, k = (g.clientX - T.left) / M, E = (g.clientY - T.top) / M, I = i.dragging.type !== lt.RESIZE && (k < 0 || k > G || E < 0 || E > A), L = Math.max(0, Math.min(k, G)), S = Math.max(0, Math.min(E, A)), Y = o(L), X = l(S);
+        const M = u ?? 1, G = T.width / M, A = T.height / M, k = (w.clientX - T.left) / M, j = (w.clientY - T.top) / M, I = i.dragging.type !== lt.RESIZE && (k < 0 || k > G || j < 0 || j > A), C = Math.max(0, Math.min(k, G)), S = Math.max(0, Math.min(j, A)), Y = o(C), X = l(S);
         a({
           type: B.UPDATE_DRAG,
           currentGrid: { col: Y, row: X },
-          currentMousePx: { x: k, y: E },
+          currentMousePx: { x: k, y: j },
           isOutside: I
         });
       },
       [i.mode, i.dragging, o, l, a, u]
-    ), N = $(
-      (g) => {
+    ), y = $(
+      (w) => {
         if (i.mode === W.DRAGGING && i.dragging) {
           if (i.dragging.isOutside) {
             i.dragging.type === lt.MOVE && (c == null || c({
               type: ft.DELETE,
               blockIds: i.dragging.blockIds
-            }), a({ type: B.DESELECT })), a({ type: B.END_DRAG }), g.currentTarget.releasePointerCapture(g.pointerId);
+            }), a({ type: B.DESELECT })), a({ type: B.END_DRAG }), w.currentTarget.releasePointerCapture(w.pointerId);
             return;
           }
           const T = i.dragging.currentGrid.col - i.dragging.startGrid.col, M = i.dragging.currentGrid.row - i.dragging.startGrid.row;
           if (i.dragging.type === lt.MOVE) {
             if (T !== 0 || M !== 0) {
-              const G = i.dragging.blockIds.map((E) => t.find((I) => I.id === E)).filter(Boolean);
+              const G = i.dragging.blockIds.map((j) => t.find((I) => I.id === j)).filter(Boolean);
               if (G.length === 0) {
-                a({ type: B.END_DRAG }), g.currentTarget.releasePointerCapture(g.pointerId);
+                a({ type: B.END_DRAG }), w.currentTarget.releasePointerCapture(w.pointerId);
                 return;
               }
               const A = cn(
@@ -4190,18 +4206,18 @@ const pn = F(
                 M,
                 n.cols,
                 n.rows
-              ), k = G.map((E) => {
+              ), k = G.map((j) => {
                 const I = A.find(
-                  (L) => L.blockId === E.id
+                  (C) => C.blockId === j.id
                 );
                 return I ? {
-                  ...E,
+                  ...j,
                   layout: {
-                    ...E.layout,
+                    ...j.layout,
                     x: I.x,
                     y: I.y
                   }
-                } : E;
+                } : j;
               });
               c == null || c({
                 type: ft.MOVE,
@@ -4212,16 +4228,16 @@ const pn = F(
           } else if (i.dragging.type === lt.INSERT) {
             const { pluginKind: G, currentGrid: A, defaultSize: k } = i.dragging;
             if (G && k) {
-              const E = e[G];
-              if (E) {
-                const { x: I, y: L } = Bo(
+              const j = e[G];
+              if (j) {
+                const { x: I, y: C } = Bo(
                   { x: A.col, y: A.row },
                   { w: k.w, h: k.h },
                   n.cols,
                   n.rows
-                ), S = At(E, {
+                ), S = At(j, {
                   x: I,
-                  y: L,
+                  y: C,
                   w: k.w,
                   h: k.h
                 });
@@ -4233,9 +4249,9 @@ const pn = F(
               }
             }
           } else if (i.dragging.type === lt.RESIZE) {
-            const G = i.dragging.blockIds[0], A = t.find((E) => E.id === G), k = i.dragging.handle;
+            const G = i.dragging.blockIds[0], A = t.find((j) => j.id === G), k = i.dragging.handle;
             if (A && k && (T !== 0 || M !== 0)) {
-              const E = dn({
+              const j = dn({
                 layout: A.layout,
                 handle: k,
                 deltaCol: T,
@@ -4243,10 +4259,10 @@ const pn = F(
                 gridCols: n.cols,
                 gridRows: n.rows
               });
-              (E.x !== A.layout.x || E.y !== A.layout.y || E.w !== A.layout.w || E.h !== A.layout.h) && (c == null || c({
+              (j.x !== A.layout.x || j.y !== A.layout.y || j.w !== A.layout.w || j.h !== A.layout.h) && (c == null || c({
                 type: ft.RESIZE,
                 blockIds: [A.id],
-                blocks: [{ ...A, layout: E }]
+                blocks: [{ ...A, layout: j }]
               }));
             }
           }
@@ -4255,7 +4271,7 @@ const pn = F(
           type: ft.DELETE,
           blockIds: i.dragging.blockIds
         }), a({ type: B.DESELECT })), a({ type: B.CANCEL_DRAG }));
-        g.currentTarget.releasePointerCapture(g.pointerId);
+        w.currentTarget.releasePointerCapture(w.pointerId);
       },
       [
         i.mode,
@@ -4266,14 +4282,14 @@ const pn = F(
         c,
         a
       ]
-    ), O = $(
-      (g) => {
+    ), P = $(
+      (w) => {
         var k;
         const T = (k = m.current) == null ? void 0 : k.getBoundingClientRect();
         if (!T) return;
         const M = u ?? 1, G = {
-          x: (g.clientX - T.left) / M,
-          y: (g.clientY - T.top) / M
+          x: (w.clientX - T.left) / M,
+          y: (w.clientY - T.top) / M
         }, A = He(G, t, s);
         A && (i.selectedBlockIds.includes(A) || a({
           type: B.SELECT,
@@ -4282,16 +4298,16 @@ const pn = F(
       },
       [t, s, a, u, i.selectedBlockIds]
     ), D = $(
-      (g) => {
+      (w) => {
         var T;
         if ((i.mode === W.PRESSING || i.mode === W.DRAGGING) && i.dragging) {
           const M = (T = m.current) == null ? void 0 : T.getBoundingClientRect();
           if (M) {
-            const G = u ?? 1, A = (g.clientX - M.left) / G, k = (g.clientY - M.top) / G, E = M.width / G, I = M.height / G, L = Math.max(0, Math.min(A, E)), S = Math.max(0, Math.min(k, I));
+            const G = u ?? 1, A = (w.clientX - M.left) / G, k = (w.clientY - M.top) / G, j = M.width / G, I = M.height / G, C = Math.max(0, Math.min(A, j)), S = Math.max(0, Math.min(k, I));
             a({
               type: B.UPDATE_DRAG,
               currentGrid: {
-                col: o(L),
+                col: o(C),
                 row: l(S)
               },
               currentMousePx: { x: A, y: k },
@@ -4317,40 +4333,40 @@ const pn = F(
         role: "application",
         "aria-label": "Interactive canvas layer",
         tabIndex: -1,
-        onPointerDown: w,
-        onPointerMove: j,
-        onPointerUp: N,
+        onPointerDown: g,
+        onPointerMove: N,
+        onPointerUp: y,
         onPointerLeave: D,
-        onDoubleClick: O,
+        onDoubleClick: P,
         "data-testid": "interaction-layer",
         children: [
           i.editingBlockId && (() => {
-            const g = t.find(
+            const w = t.find(
               (M) => M.id === i.editingBlockId
-            ), T = g ? e[g.kind] : null;
-            return !g || !T ? null : /* @__PURE__ */ r.jsx(
+            ), T = w ? e[w.kind] : null;
+            return !w || !T ? null : /* @__PURE__ */ r.jsx(
               ko,
               {
                 ref: h,
-                id: g.id,
+                id: w.id,
                 plugin: T,
-                props: g.props,
-                value: g.initValue,
+                props: w.props,
+                value: w.initValue,
                 onChange: (M) => {
                   c == null || c({
                     type: ft.UPDATE,
-                    blockIds: [g.id],
-                    blocks: [{ ...g, initValue: M }]
+                    blockIds: [w.id],
+                    blocks: [{ ...w, initValue: M }]
                   });
                 },
                 onBlur: (M) => {
                   c == null || c({
                     type: ft.UPDATE,
-                    blockIds: [g.id],
-                    blocks: [{ ...g, initValue: M }]
+                    blockIds: [w.id],
+                    blocks: [{ ...w, initValue: M }]
                   });
                 },
-                blockRectPx: s(g),
+                blockRectPx: s(w),
                 zIndex: v
               }
             );
@@ -4363,14 +4379,14 @@ const pn = F(
               isDragging: i.mode === W.DRAGGING,
               draggingState: i.dragging,
               getBlockRectPx: s,
-              onResizeStart: (g, T, M) => {
-                var E;
-                const G = (E = m.current) == null ? void 0 : E.getBoundingClientRect();
+              onResizeStart: (w, T, M) => {
+                var j;
+                const G = (j = m.current) == null ? void 0 : j.getBoundingClientRect();
                 if (!G) return;
-                i.mode === W.EDITING && a({ type: B.END_EDIT }), g.currentTarget.setPointerCapture(g.pointerId);
+                i.mode === W.EDITING && a({ type: B.END_EDIT }), w.currentTarget.setPointerCapture(w.pointerId);
                 const A = u ?? 1, k = {
-                  x: (g.clientX - G.left) / A,
-                  y: (g.clientY - G.top) / A
+                  x: (w.clientX - G.left) / A,
+                  y: (w.clientY - G.top) / A
                 };
                 a({
                   type: B.START_RESIZE,
@@ -4381,7 +4397,7 @@ const pn = F(
               },
               selectionStyle: p,
               handleStyle: x,
-              selectBorderZIndex: y,
+              selectBorderZIndex: E,
               blockHandlesZIndex: _
             }
           ),
@@ -4395,7 +4411,7 @@ const pn = F(
               getBlockRectPx: s,
               selectionStyle: p,
               ghostZIndex: d,
-              selectBorderZIndex: y,
+              selectBorderZIndex: E,
               blockHandlesZIndex: _
             }
           )
@@ -4406,113 +4422,113 @@ const pn = F(
 );
 pn.displayName = "InteractionLayer";
 function De(t, e, n = H) {
-  const s = P(
+  const s = L(
     () => K.fromDim(t.size.width),
     [t.size.width]
-  ), o = P(
+  ), o = L(
     () => K.fromDim(t.size.height),
     [t.size.height]
-  ), l = P(
+  ), l = L(
     () => K.fromDim(t.margin.top),
     [t.margin.top]
-  ), i = P(
+  ), i = L(
     () => K.fromDim(t.margin.bottom),
     [t.margin.bottom]
-  ), a = P(
+  ), a = L(
     () => K.fromDim(t.margin.left),
     [t.margin.left]
-  ), c = P(
+  ), c = L(
     () => K.fromDim(t.margin.right),
     [t.margin.right]
-  ), u = P(
+  ), u = L(
     () => s - a - c,
     [s, a, c]
-  ), f = P(
+  ), f = L(
     () => o - l - i,
     [o, l, i]
-  ), p = P(
+  ), p = L(
     () => be(e.cols, u),
     [e.cols, u]
-  ), x = P(
+  ), x = L(
     () => be(e.rows, f),
     [e.rows, f]
-  ), v = P(
+  ), v = L(
     () => U.fromMm(s, n),
     [s, n]
-  ), y = P(
+  ), E = L(
     () => U.fromMm(o, n),
     [o, n]
-  ), _ = P(
+  ), _ = L(
     () => U.fromMm(l, n),
     [l, n]
-  ), d = P(
+  ), d = L(
     () => U.fromMm(i, n),
     [i, n]
-  ), m = P(
+  ), m = L(
     () => U.fromMm(a, n),
     [a, n]
-  ), h = P(
+  ), h = L(
     () => U.fromMm(c, n),
     [c, n]
-  ), w = P(
+  ), g = L(
     () => U.fromMm(u, n),
     [u, n]
-  ), j = P(
+  ), N = L(
     () => U.fromMm(f, n),
     [f, n]
-  ), N = P(() => ge(p, n), [p, n]), O = P(() => ge(x, n), [x, n]), D = P(() => {
-    const C = [0];
-    for (const z of N) {
-      const bt = C[C.length - 1] ?? 0;
-      C.push(bt + z);
+  ), y = L(() => ge(p, n), [p, n]), P = L(() => ge(x, n), [x, n]), D = L(() => {
+    const O = [0];
+    for (const z of y) {
+      const bt = O[O.length - 1] ?? 0;
+      O.push(bt + z);
     }
-    return C;
-  }, [N]), g = P(() => {
-    const C = [0];
-    for (const z of O) {
-      const bt = C[C.length - 1] ?? 0;
-      C.push(bt + z);
+    return O;
+  }, [y]), w = L(() => {
+    const O = [0];
+    for (const z of P) {
+      const bt = O[O.length - 1] ?? 0;
+      O.push(bt + z);
     }
-    return C;
-  }, [O]), { step: T, windowPx: M } = P(
+    return O;
+  }, [P]), { step: T, windowPx: M } = L(
     () => Ge(D),
     [D]
-  ), { step: G, windowPx: A } = P(
-    () => Ge(g),
-    [g]
-  ), k = P(
+  ), { step: G, windowPx: A } = L(
+    () => Ge(w),
+    [w]
+  ), k = L(
     () => Be(D, T, M),
     [D, T, M]
-  ), E = P(
-    () => Be(g, G, A),
-    [g, G, A]
+  ), j = L(
+    () => Be(w, G, A),
+    [w, G, A]
   ), I = $(
-    (C) => k(C - m),
+    (O) => k(O - m),
     [k, m]
-  ), L = $(
-    (C) => E(C - _),
-    [E, _]
-  ), S = P(() => ({
+  ), C = $(
+    (O) => j(O - _),
+    [j, _]
+  ), S = L(() => ({
     cols: D,
-    rows: g
-  }), [D, g]), Y = P(() => ({
+    rows: w
+  }), [D, w]), Y = L(() => ({
     width: v,
-    height: y
-  }), [v, y]), X = P(() => ({
+    height: E
+  }), [v, E]), X = L(() => ({
     top: _,
     bottom: d,
     left: m,
     right: h
-  }), [_, d, m, h]), q = P(() => ({
-    width: w,
-    height: j
-  }), [w, j]), b = P(() => ({
+  }), [_, d, m, h]), q = L(() => ({
+    width: g,
+    height: N
+  }), [g, N]), b = L(() => ({
     canvas: Y,
     margin: X,
     content: q
   }), [Y, X, q]), R = $(
-    (C) => {
-      const { x: z, y: bt, w: Pt, h: J } = C.layout, ht = S.cols, wt = S.rows;
+    (O) => {
+      const { x: z, y: bt, w: Pt, h: J } = O.layout, ht = S.cols, wt = S.rows;
       if (!ht.length || !wt.length)
         return { left: 0, top: 0, width: 0, height: 0 };
       const Kt = Math.min(Math.max(0, z), ht.length - 1), Rn = Math.min(Math.max(0, z + Pt), ht.length - 1), Re = Math.min(Math.max(0, bt), wt.length - 1), An = Math.min(Math.max(0, bt + J), wt.length - 1), Mn = (ht[Kt] ?? 0) + m, Pn = (wt[Re] ?? 0) + _, Ln = (ht[Rn] ?? 0) - (ht[Kt] ?? 0), Cn = (wt[An] ?? 0) - (wt[Re] ?? 0);
@@ -4524,7 +4540,7 @@ function De(t, e, n = H) {
     paperPx: b,
     gridPosPx: S,
     getColIndex: I,
-    getRowIndex: L,
+    getRowIndex: C,
     getBlockRectPx: R
   };
 }
@@ -4600,63 +4616,63 @@ const vn = F(
     scale: o = 1,
     className: l
   }) => {
-    const [i, a] = Go(), c = dt(null), { paperPx: u, gridPosPx: f, getBlockRectPx: p, getColIndex: x, getRowIndex: v } = De(t.paper, t.grid, H), y = $(
-      (N) => {
+    const [i, a] = Go(), c = dt(null), { paperPx: u, gridPosPx: f, getBlockRectPx: p, getColIndex: x, getRowIndex: v } = De(t.paper, t.grid, H), E = $(
+      (y) => {
         if (n)
-          switch (N.type) {
+          switch (y.type) {
             case ft.MOVE:
             case ft.RESIZE: {
-              if (!N.blocks) return;
-              const O = t.blocks.map((D) => {
+              if (!y.blocks) return;
+              const P = t.blocks.map((D) => {
                 var T;
-                return ((T = N.blocks) == null ? void 0 : T.find((M) => M.id === D.id)) || D;
+                return ((T = y.blocks) == null ? void 0 : T.find((M) => M.id === D.id)) || D;
               });
-              n({ ...t, blocks: O });
+              n({ ...t, blocks: P });
               break;
             }
             case ft.ADD: {
-              if (!N.blocks) return;
+              if (!y.blocks) return;
               n({
                 ...t,
-                blocks: [...t.blocks, ...N.blocks]
+                blocks: [...t.blocks, ...y.blocks]
               });
               break;
             }
             case ft.DELETE: {
-              const O = new Set(N.blockIds), D = t.blocks.filter(
-                (g) => !O.has(g.id)
+              const P = new Set(y.blockIds), D = t.blocks.filter(
+                (w) => !P.has(w.id)
               );
               n({ ...t, blocks: D });
               break;
             }
             case ft.UPDATE: {
-              if (!N.blocks) return;
-              const O = t.blocks.map((D) => {
+              if (!y.blocks) return;
+              const P = t.blocks.map((D) => {
                 var G;
-                const g = (G = N.blocks) == null ? void 0 : G.find((A) => A.id === D.id);
-                if (!g) return D;
-                const T = g.style ? we(
-                  g.style
-                ) : g.style, M = g.props ? we(
-                  g.props
-                ) : g.props;
+                const w = (G = y.blocks) == null ? void 0 : G.find((A) => A.id === D.id);
+                if (!w) return D;
+                const T = w.style ? we(
+                  w.style
+                ) : w.style, M = w.props ? we(
+                  w.props
+                ) : w.props;
                 return {
                   ...D,
-                  ...g,
+                  ...w,
                   style: T,
                   props: M
                 };
               });
-              n({ ...t, blocks: O });
+              n({ ...t, blocks: P });
               break;
             }
           }
       },
       [t, n]
     ), _ = $(
-      (N, O) => {
+      (y, P) => {
         if (!n) return;
-        const D = t.blocks.map((g) => g.id === N ? { ...g, initValue: O } : g);
+        const D = t.blocks.map((w) => w.id === y ? { ...w, initValue: P } : w);
         n({ ...t, blocks: D });
       },
       [t, n]
@@ -4664,38 +4680,38 @@ const vn = F(
     mt(() => {
       s && s(i.selectedBlockIds);
     }, [i.selectedBlockIds, s]), mt(() => {
-      const N = Zt.subscribe((O) => {
+      const y = Zt.subscribe((P) => {
         var D;
-        !O && i.mode === W.DRAGGING && ((D = i.dragging) == null ? void 0 : D.type) === lt.INSERT && a({ type: B.CANCEL_INSERT });
+        !P && i.mode === W.DRAGGING && ((D = i.dragging) == null ? void 0 : D.type) === lt.INSERT && a({ type: B.CANCEL_INSERT });
       });
-      return () => N();
+      return () => y();
     }, [
       i.mode,
       i.dragging,
       a
     ]), mt(() => {
-      const N = (O) => {
-        var g;
+      const y = (P) => {
+        var w;
         if (i.selectedBlockIds.length === 0) return;
-        const D = O.target;
+        const D = P.target;
         if (c.current && !c.current.contains(D)) {
           const T = D;
-          if ((g = T.closest) == null ? void 0 : g.call(T, '[data-sidebar="true"]')) return;
+          if ((w = T.closest) == null ? void 0 : w.call(T, '[data-sidebar="true"]')) return;
           a({ type: B.DESELECT });
         }
       };
-      return document.addEventListener("mousedown", N), () => {
-        document.removeEventListener("mousedown", N);
+      return document.addEventListener("mousedown", y), () => {
+        document.removeEventListener("mousedown", y);
       };
     }, [i.selectedBlockIds, a]);
     const d = $(
-      (N, O, D) => {
+      (y, P, D) => {
         if (!n) return;
-        const g = O - 1;
-        if (N === "column") {
+        const w = P - 1;
+        if (y === "column") {
           const T = Oe(
             t.grid.cols,
-            g,
+            w,
             D,
             u.content.width
           );
@@ -4706,7 +4722,7 @@ const vn = F(
         } else {
           const T = Oe(
             t.grid.rows,
-            g,
+            w,
             D,
             u.content.height
           );
@@ -4718,49 +4734,49 @@ const vn = F(
       },
       [t, u, n]
     ), m = $(
-      (N, O, D) => {
+      (y, P, D) => {
         if (n)
-          if (N === "column") {
-            const g = [...t.grid.cols];
-            g[O] = D, n({
+          if (y === "column") {
+            const w = [...t.grid.cols];
+            w[P] = D, n({
               ...t,
-              grid: { ...t.grid, cols: g }
+              grid: { ...t.grid, cols: w }
             });
           } else {
-            const g = [...t.grid.rows];
-            g[O] = D, n({
+            const w = [...t.grid.rows];
+            w[P] = D, n({
               ...t,
-              grid: { ...t.grid, rows: g }
+              grid: { ...t.grid, rows: w }
             });
           }
       },
       [n, t]
-    ), h = P(
+    ), h = L(
       () => t.blocks.reduce(
-        (N, O) => (N[O.id] = O.initValue, N),
+        (y, P) => (y[P.id] = P.initValue, y),
         {}
       ),
       [t.blocks]
-    ), w = $(() => {
-      const N = Zt.get();
-      N && (i.mode === W.DRAGGING || i.dragging || a({
+    ), g = $(() => {
+      const y = Zt.get();
+      y && (i.mode === W.DRAGGING || i.dragging || a({
         type: B.START_INSERT,
-        pluginKind: N.kind,
-        defaultSize: N.defaultSize
+        pluginKind: y.kind,
+        defaultSize: y.defaultSize
       }));
     }, [
       i.mode,
       i.dragging,
       a
-    ]), j = $(() => {
+    ]), N = $(() => {
     }, []);
     return /* @__PURE__ */ r.jsxs(
       "div",
       {
         ref: c,
         className: l,
-        onPointerEnter: w,
-        onPointerLeave: j,
+        onPointerEnter: g,
+        onPointerLeave: N,
         style: {
           position: "relative",
           width: `${u.canvas.width}px`,
@@ -4830,7 +4846,7 @@ const vn = F(
               getRowIndex: v,
               state: i,
               onChange: a,
-              onBlockChange: y,
+              onBlockChange: E,
               scale: o
             }
           )
@@ -4861,10 +4877,10 @@ const bn = ({
     const v = document.createElement("style");
     v.id = "dynamic-print-page-style";
     const {
-      paperSize: y = "A4",
+      paperSize: E = "A4",
       orientation: _ = "portrait",
       margin: d
-    } = i, m = _ === "landscape" ? `${y} landscape` : `${y} portrait`;
+    } = i, m = _ === "landscape" ? `${E} landscape` : `${E} portrait`;
     return v.textContent = `
 				@media print {
 					@page {
@@ -5067,7 +5083,7 @@ const Ho = ({
   const n = (i, a, c) => {
     const u = {};
     t.forEach((f) => {
-      var x, v, y;
+      var x, v, E;
       let p = Nt(
         f.style || {},
         `border.${i}.${a}`,
@@ -5096,7 +5112,7 @@ const Ho = ({
         }));
       }
       if (a === "width" && c !== void 0 && c !== null) {
-        const _ = (y = f.style) == null ? void 0 : y.border, d = _ == null ? void 0 : _[i];
+        const _ = (E = f.style) == null ? void 0 : E.border, d = _ == null ? void 0 : _[i];
         d != null && d.type || (p = Nt(
           p,
           `border.${i}.type`,
@@ -5109,7 +5125,7 @@ const Ho = ({
       }
       u[f.id] = { style: p };
     }), e(u);
-  }, s = P(() => {
+  }, s = L(() => {
     var f;
     if (t.length !== 1) return null;
     const i = t[0];
@@ -5363,9 +5379,9 @@ const Ho = ({
         ...t.map((m) => m.layout.x + m.layout.w)
       ), x = Math.max(
         ...t.map((m) => m.layout.y + m.layout.h)
-      ), v = p - (o ?? 0), y = x - (l ?? 0);
+      ), v = p - (o ?? 0), E = x - (l ?? 0);
       let _ = c;
-      a === "x" && n ? _ = Math.max(0, Math.min(c, n.cols - v)) : a === "y" && n ? _ = Math.max(0, Math.min(c, n.rows - y)) : _ = Math.max(0, c);
+      a === "x" && n ? _ = Math.max(0, Math.min(c, n.cols - v)) : a === "y" && n ? _ = Math.max(0, Math.min(c, n.rows - E)) : _ = Math.max(0, c);
       const d = _ - f;
       t.forEach((m) => {
         const h = m.layout[a] + d;
@@ -5565,12 +5581,12 @@ const gn = F(
     gridSize: s,
     className: o = ""
   }) => {
-    const l = t[0], i = l ? e[l.kind] : void 0, a = P(() => {
+    const l = t[0], i = l ? e[l.kind] : void 0, a = L(() => {
       var p;
       if (t.length === 0) return !1;
       const f = (p = t[0]) == null ? void 0 : p.kind;
       return t.every((x) => x.kind === f);
-    }, [t]), c = P(() => {
+    }, [t]), c = L(() => {
       if (!l || !i) return {};
       const f = {};
       let p;
@@ -5581,8 +5597,8 @@ const gn = F(
         if (x.length === 0) return {};
         const v = x[0];
         if (!v) return {};
-        const y = new Set(Object.keys(v.properties));
-        p = Array.from(y).filter(
+        const E = new Set(Object.keys(v.properties));
+        p = Array.from(E).filter(
           (d) => x.every((m) => d in m.properties)
         ).map(
           (d) => {
@@ -5596,8 +5612,8 @@ const gn = F(
       return p.forEach(([x, v]) => {
         if (!vs(v) || t.length > 1 && v.disableInMultiSelection || v.condition && !v.condition(l.props))
           return;
-        const y = v.group || "基本";
-        f[y] || (f[y] = []), v.Component && f[y].push({
+        const E = v.group || "基本";
+        f[E] || (f[E] = []), v.Component && f[E].push({
           key: x,
           definition: v
         });
@@ -5691,7 +5707,7 @@ const qi = ({
   pluginRegistry: e,
   onUpdateBlocks: n
 }) => {
-  const s = t[0], o = s ? e[s.kind] : void 0, l = P(() => {
+  const s = t[0], o = s ? e[s.kind] : void 0, l = L(() => {
     if (!s || !o) return {};
     const a = {};
     return Object.entries(o.properties).forEach(([c, u]) => {
@@ -5753,42 +5769,42 @@ const qi = ({
 }) => {
   const [n, s] = st(null), [o, l] = st(null), i = [...t].reverse(), a = $(
     (d) => {
-      const m = t.findIndex((j) => j.id === d);
+      const m = t.findIndex((N) => N.id === d);
       if (m === -1 || m === t.length - 1) return;
-      const h = [...t], [w] = h.splice(m, 1);
-      w && (h.push(w), e(h));
+      const h = [...t], [g] = h.splice(m, 1);
+      g && (h.push(g), e(h));
     },
     [t, e]
   ), c = $(
     (d) => {
-      const m = t.findIndex((j) => j.id === d);
+      const m = t.findIndex((N) => N.id === d);
       if (m === -1 || m === 0) return;
-      const h = [...t], [w] = h.splice(m, 1);
-      w && (h.unshift(w), e(h));
+      const h = [...t], [g] = h.splice(m, 1);
+      g && (h.unshift(g), e(h));
     },
     [t, e]
   ), u = $(
     (d) => {
-      const m = t.findIndex((N) => N.id === d);
+      const m = t.findIndex((y) => y.id === d);
       if (m === -1 || m === t.length - 1) return;
-      const h = [...t], w = h[m], j = h[m + 1];
-      !w || !j || (h[m] = j, h[m + 1] = w, e(h));
+      const h = [...t], g = h[m], N = h[m + 1];
+      !g || !N || (h[m] = N, h[m + 1] = g, e(h));
     },
     [t, e]
   ), f = $(
     (d) => {
-      const m = t.findIndex((N) => N.id === d);
+      const m = t.findIndex((y) => y.id === d);
       if (m === -1 || m === 0) return;
-      const h = [...t], w = h[m], j = h[m - 1];
-      !w || !j || (h[m] = j, h[m - 1] = w, e(h));
+      const h = [...t], g = h[m], N = h[m - 1];
+      !g || !N || (h[m] = N, h[m - 1] = g, e(h));
     },
     [t, e]
   ), p = $(
     (d, m) => {
-      var w;
+      var g;
       s(m), d.dataTransfer.effectAllowed = "move";
       const h = t.length - 1 - m;
-      d.currentTarget && d.dataTransfer.setData("text/plain", ((w = t[h]) == null ? void 0 : w.id) || "");
+      d.currentTarget && d.dataTransfer.setData("text/plain", ((g = t[h]) == null ? void 0 : g.id) || "");
     },
     [t]
   ), x = $(() => {
@@ -5798,7 +5814,7 @@ const qi = ({
       d.preventDefault(), d.dataTransfer.dropEffect = "move", !(n === null || n === m) && l(m);
     },
     [n]
-  ), y = $(() => {
+  ), E = $(() => {
     l(null);
   }, []), _ = $(
     (d, m) => {
@@ -5806,8 +5822,8 @@ const qi = ({
         s(null), l(null);
         return;
       }
-      const h = t.length - 1 - n, w = t.length - 1 - m, j = [...t], [N] = j.splice(h, 1);
-      N && (j.splice(w, 0, N), e(j), s(null), l(null));
+      const h = t.length - 1 - n, g = t.length - 1 - m, N = [...t], [y] = N.splice(h, 1);
+      y && (N.splice(g, 0, y), e(N), s(null), l(null));
     },
     [t, n, e]
   );
@@ -5821,9 +5837,9 @@ const qi = ({
           "li",
           {
             className: `${tt.item} ${n === m ? tt.dragging : ""} ${o === m ? tt.dragOver : ""}`,
-            onDragOver: (w) => v(w, m),
-            onDragLeave: y,
-            onDrop: (w) => _(w, m),
+            onDragOver: (g) => v(g, m),
+            onDragLeave: E,
+            onDrop: (g) => _(g, m),
             children: [
               /* @__PURE__ */ r.jsx(
                 "button",
@@ -5832,7 +5848,7 @@ const qi = ({
                   className: tt.dragHandle,
                   title: "ドラッグして並び替え",
                   draggable: !0,
-                  onDragStart: (w) => p(w, m),
+                  onDragStart: (g) => p(g, m),
                   onDragEnd: x,
                   children: /* @__PURE__ */ r.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
                     /* @__PURE__ */ r.jsx("title", { children: "ドラッグハンドル" }),
@@ -6229,7 +6245,7 @@ const si = "_panel_16d9o_6", ii = "_title_16d9o_10", li = "_content_16d9o_22", a
   paper: t,
   onPaperChange: e
 }) => {
-  const n = P(
+  const n = L(
     () => [
       { value: yt.A4, label: "A4 (210 × 297 mm)" },
       { value: yt.A3, label: "A3 (297 × 420 mm)" },
@@ -6336,8 +6352,8 @@ const hi = "_section_p4xnx_6", fi = "_title_p4xnx_14", mi = "_content_p4xnx_26",
 }) => {
   const [o, l] = st(""), i = dt(null), a = dt(null), c = $(() => {
     try {
-      const h = We(t, !0), w = new Blob([h], { type: "application/json" }), j = URL.createObjectURL(w), N = document.createElement("a");
-      N.href = j, N.download = "schema.json", N.click(), URL.revokeObjectURL(j), l("");
+      const h = We(t, !0), g = new Blob([h], { type: "application/json" }), N = URL.createObjectURL(g), y = document.createElement("a");
+      y.href = N, y.download = "schema.json", y.click(), URL.revokeObjectURL(N), l("");
     } catch (h) {
       l(
         `エクスポートエラー: ${h instanceof Error ? h.message : String(h)}`
@@ -6357,27 +6373,27 @@ const hi = "_section_p4xnx_6", fi = "_title_p4xnx_14", mi = "_content_p4xnx_26",
     (h = i.current) == null || h.click();
   }, []), p = $(
     (h) => {
-      var N;
-      const w = (N = h.target.files) == null ? void 0 : N[0];
-      if (!w) return;
-      const j = new FileReader();
-      j.onload = (O) => {
+      var y;
+      const g = (y = h.target.files) == null ? void 0 : y[0];
+      if (!g) return;
+      const N = new FileReader();
+      N.onload = (P) => {
         var D;
         try {
-          const g = (D = O.target) == null ? void 0 : D.result, T = Ue(g);
+          const w = (D = P.target) == null ? void 0 : D.result, T = Ue(w);
           n(T), l(""), alert("スキーマをインポートしました");
-        } catch (g) {
+        } catch (w) {
           l(
-            `インポートエラー: ${g instanceof Error ? g.message : String(g)}`
+            `インポートエラー: ${w instanceof Error ? w.message : String(w)}`
           );
         }
-      }, j.readAsText(w), h.target.value = "";
+      }, N.readAsText(g), h.target.value = "";
     },
     [n]
   ), x = $(async () => {
     try {
-      const h = await navigator.clipboard.readText(), w = Ue(h);
-      n(w), l(""), alert("スキーマをインポートしました");
+      const h = await navigator.clipboard.readText(), g = Ue(h);
+      n(g), l(""), alert("スキーマをインポートしました");
     } catch (h) {
       l(
         `インポートエラー: ${h instanceof Error ? h.message : String(h)}`
@@ -6385,14 +6401,14 @@ const hi = "_section_p4xnx_6", fi = "_title_p4xnx_14", mi = "_content_p4xnx_26",
     }
   }, [n]), v = $(() => {
     try {
-      const h = ze(e, !0), w = new Blob([h], { type: "application/json" }), j = URL.createObjectURL(w), N = document.createElement("a");
-      N.href = j, N.download = "values.json", N.click(), URL.revokeObjectURL(j), l("");
+      const h = ze(e, !0), g = new Blob([h], { type: "application/json" }), N = URL.createObjectURL(g), y = document.createElement("a");
+      y.href = N, y.download = "values.json", y.click(), URL.revokeObjectURL(N), l("");
     } catch (h) {
       l(
         `エクスポートエラー: ${h instanceof Error ? h.message : String(h)}`
       );
     }
-  }, [e]), y = $(async () => {
+  }, [e]), E = $(async () => {
     try {
       const h = ze(e, !0);
       await navigator.clipboard.writeText(h), l(""), alert("値をクリップボードにコピーしました");
@@ -6406,27 +6422,27 @@ const hi = "_section_p4xnx_6", fi = "_title_p4xnx_14", mi = "_content_p4xnx_26",
     (h = a.current) == null || h.click();
   }, []), d = $(
     (h) => {
-      var N;
-      const w = (N = h.target.files) == null ? void 0 : N[0];
-      if (!w) return;
-      const j = new FileReader();
-      j.onload = (O) => {
+      var y;
+      const g = (y = h.target.files) == null ? void 0 : y[0];
+      if (!g) return;
+      const N = new FileReader();
+      N.onload = (P) => {
         var D;
         try {
-          const g = (D = O.target) == null ? void 0 : D.result, T = Ye(g);
+          const w = (D = P.target) == null ? void 0 : D.result, T = Ye(w);
           s(T), l(""), alert("値をインポートしました");
-        } catch (g) {
+        } catch (w) {
           l(
-            `インポートエラー: ${g instanceof Error ? g.message : String(g)}`
+            `インポートエラー: ${w instanceof Error ? w.message : String(w)}`
           );
         }
-      }, j.readAsText(w), h.target.value = "";
+      }, N.readAsText(g), h.target.value = "";
     },
     [s]
   ), m = $(async () => {
     try {
-      const h = await navigator.clipboard.readText(), w = Ye(h);
-      s(w), l(""), alert("値をインポートしました");
+      const h = await navigator.clipboard.readText(), g = Ye(h);
+      s(g), l(""), alert("値をインポートしました");
     } catch (h) {
       l(
         `インポートエラー: ${h instanceof Error ? h.message : String(h)}`
@@ -6507,7 +6523,7 @@ const hi = "_section_p4xnx_6", fi = "_title_p4xnx_14", mi = "_content_p4xnx_26",
             {
               type: "button",
               className: et.button,
-              onClick: y,
+              onClick: E,
               children: "📋 クリップボードにコピー"
             }
           )
@@ -6608,7 +6624,7 @@ const bi = "_container_6c3ft_3", gi = "_paletteItems_6c3ft_32", wi = "_item_6c3f
 };
 $n.displayName = "PalettePanel";
 const Dn = ({ plugin: t, onDragStart: e }) => {
-  const n = P(() => At(
+  const n = L(() => At(
     t,
     {
       x: 0,
@@ -6618,7 +6634,7 @@ const Dn = ({ plugin: t, onDragStart: e }) => {
     },
     {}
     // overrideProps
-  ), [t]), s = P(() => {
+  ), [t]), s = L(() => {
     if (t.validateValue)
       return t.validateValue(void 0, n.props);
   }, [t, n.props]), o = $(
@@ -6666,7 +6682,7 @@ const Dn = ({ plugin: t, onDragStart: e }) => {
 };
 Dn.displayName = "PaletteItem";
 const Tn = ({ plugin: t, mousePos: e }) => {
-  const n = P(() => At(
+  const n = L(() => At(
     t,
     {
       x: 0,
@@ -6675,7 +6691,7 @@ const Tn = ({ plugin: t, mousePos: e }) => {
       h: t.meta.defaultSize.h
     },
     {}
-  ), [t]), s = P(() => {
+  ), [t]), s = L(() => {
     if (t.validateValue)
       return t.validateValue(void 0, n.props);
   }, [t, n.props]), o = {
@@ -6732,10 +6748,10 @@ const Ei = "_container_rt0ql_3", ji = "_tabHeader_rt0ql_14", Ni = "_tabContent_r
   gridSize: c,
   className: u
 }) => {
-  const f = P(
+  const f = L(
     () => Object.values(n),
     [n]
-  ), p = P(
+  ), p = L(
     () => t.filter((v) => e.includes(v.id)),
     [t, e]
   ), x = e.length > 0;