@tatamicks/core 0.0.1 → 0.0.2

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import './index.css';var kr = Object.defineProperty;
 var Gr = (t, e, n) => e in t ? kr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var Ae = (t, e, n) => Gr(t, typeof e != "symbol" ? e + "" : e, n);
-import Pn, { memo as Y, useCallback as $, useRef as It, useEffect as Ot, useState as dt, createContext as Br, useContext as qe, useMemo as M, forwardRef as Xe, useImperativeHandle as Mn } from "react";
+import Pn, { memo as Y, useCallback as $, useRef as It, useEffect as Ot, useState as dt, createContext as Br, useContext as Xe, useMemo as M, forwardRef as qe, useImperativeHandle as Mn } from "react";
 var ve = { exports: {} }, ee = {};
 /**
  * @license React
@@ -18,11 +18,11 @@ function Vr() {
   vn = 1;
   var t = Pn, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, o = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
   function i(l, c, f) {
-    var h, v = {}, x = null, b = null;
-    f !== void 0 && (x = "" + f), c.key !== void 0 && (x = "" + c.key), c.ref !== void 0 && (b = c.ref);
+    var h, v = {}, x = null, g = null;
+    f !== void 0 && (x = "" + f), c.key !== void 0 && (x = "" + c.key), c.ref !== void 0 && (g = c.ref);
     for (h in c) s.call(c, h) && !a.hasOwnProperty(h) && (v[h] = c[h]);
     if (l && l.defaultProps) for (h in c = l.defaultProps, c) v[h] === void 0 && (v[h] = c[h]);
-    return { $$typeof: e, type: l, key: x, ref: b, props: v, _owner: o.current };
+    return { $$typeof: e, type: l, key: x, ref: g, props: v, _owner: o.current };
   }
   return ee.Fragment = n, ee.jsx = i, ee.jsxs = i, ee;
 }
@@ -39,45 +39,45 @@ var ne = {};
 var xn;
 function Fr() {
   return xn || (xn = 1, process.env.NODE_ENV !== "production" && (function() {
-    var t = Pn, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), N = Symbol.iterator, _ = "@@iterator";
+    var t = Pn, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), N = Symbol.iterator, w = "@@iterator";
     function p(u) {
       if (u === null || typeof u != "object")
         return null;
-      var w = N && u[N] || u[_];
-      return typeof w == "function" ? w : null;
+      var _ = N && u[N] || u[w];
+      return typeof _ == "function" ? _ : null;
     }
     var m = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function d(u) {
       {
-        for (var w = arguments.length, D = new Array(w > 1 ? w - 1 : 0), k = 1; k < w; k++)
+        for (var _ = arguments.length, D = new Array(_ > 1 ? _ - 1 : 0), k = 1; k < _; k++)
           D[k - 1] = arguments[k];
-        g("error", u, D);
+        b("error", u, D);
       }
     }
-    function g(u, w, D) {
+    function b(u, _, D) {
       {
         var k = m.ReactDebugCurrentFrame, z = k.getStackAddendum();
-        z !== "" && (w += "%s", D = D.concat([z]));
+        z !== "" && (_ += "%s", D = D.concat([z]));
         var H = D.map(function(F) {
           return String(F);
         });
-        H.unshift("Warning: " + w), Function.prototype.apply.call(console[u], console, H);
+        H.unshift("Warning: " + _), Function.prototype.apply.call(console[u], console, H);
       }
     }
     var y = !1, R = !1, G = !1, T = !1, j = !1, A;
     A = Symbol.for("react.module.reference");
     function P(u) {
-      return !!(typeof u == "string" || typeof u == "function" || u === s || u === a || j || u === o || u === f || u === h || T || u === b || y || R || G || typeof u == "object" && u !== null && (u.$$typeof === x || u.$$typeof === v || u.$$typeof === i || u.$$typeof === l || u.$$typeof === c || // This needs to include all possible module reference object
+      return !!(typeof u == "string" || typeof u == "function" || u === s || u === a || j || u === o || u === f || u === h || T || u === g || y || R || G || typeof u == "object" && u !== null && (u.$$typeof === x || u.$$typeof === v || u.$$typeof === i || u.$$typeof === l || u.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       u.$$typeof === A || u.getModuleId !== void 0));
     }
-    function B(u, w, D) {
+    function B(u, _, D) {
       var k = u.displayName;
       if (k)
         return k;
-      var z = w.displayName || w.name || "";
+      var z = _.displayName || _.name || "";
       return z !== "" ? D + "(" + z + ")" : D;
     }
     function C(u) {
@@ -107,8 +107,8 @@ function Fr() {
       if (typeof u == "object")
         switch (u.$$typeof) {
           case l:
-            var w = u;
-            return C(w) + ".Consumer";
+            var _ = u;
+            return C(_) + ".Consumer";
           case i:
             var D = u;
             return C(D._context) + ".Provider";
@@ -128,18 +128,18 @@ function Fr() {
         }
       return null;
     }
-    var E = Object.assign, I = 0, O, S, q, tt, et, ft, ut;
-    function X() {
+    var E = Object.assign, I = 0, O, S, X, tt, et, ft, ut;
+    function q() {
     }
-    X.__reactDisabledLog = !0;
+    q.__reactDisabledLog = !0;
     function St() {
       {
         if (I === 0) {
-          O = console.log, S = console.info, q = console.warn, tt = console.error, et = console.group, ft = console.groupCollapsed, ut = console.groupEnd;
+          O = console.log, S = console.info, X = console.warn, tt = console.error, et = console.group, ft = console.groupCollapsed, ut = console.groupEnd;
           var u = {
             configurable: !0,
             enumerable: !0,
-            value: X,
+            value: q,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -171,7 +171,7 @@ function Fr() {
               value: S
             }),
             warn: E({}, u, {
-              value: q
+              value: X
             }),
             error: E({}, u, {
               value: tt
@@ -191,7 +191,7 @@ function Fr() {
       }
     }
     var Zt = m.ReactCurrentDispatcher, Qt;
-    function Dt(u, w, D) {
+    function Dt(u, _, D) {
       {
         if (Qt === void 0)
           try {
@@ -209,7 +209,7 @@ function Fr() {
       var De = typeof WeakMap == "function" ? WeakMap : Map;
       Vt = new De();
     }
-    function te(u, w) {
+    function te(u, _) {
       if (!u || Rt)
         return "";
       {
@@ -224,7 +224,7 @@ function Fr() {
       var H;
       H = Zt.current, Zt.current = null, St();
       try {
-        if (w) {
+        if (_) {
           var F = function() {
             throw Error();
           };
@@ -235,29 +235,29 @@ function Fr() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(F, []);
-            } catch (bt) {
-              k = bt;
+            } catch (gt) {
+              k = gt;
             }
             Reflect.construct(u, [], F);
           } else {
             try {
               F.call();
-            } catch (bt) {
-              k = bt;
+            } catch (gt) {
+              k = gt;
             }
             u.call(F.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (bt) {
-            k = bt;
+          } catch (gt) {
+            k = gt;
           }
           u();
         }
-      } catch (bt) {
-        if (bt && k && typeof bt.stack == "string") {
-          for (var V = bt.stack.split(`
+      } catch (gt) {
+        if (gt && k && typeof gt.stack == "string") {
+          for (var V = gt.stack.split(`
 `), pt = k.stack.split(`
 `), nt = V.length - 1, ot = pt.length - 1; nt >= 1 && ot >= 0 && V[nt] !== pt[ot]; )
             ot--;
@@ -280,14 +280,14 @@ function Fr() {
       var Kt = u ? u.displayName || u.name : "", Ut = Kt ? Dt(Kt) : "";
       return typeof u == "function" && Vt.set(u, Ut), Ut;
     }
-    function $e(u, w, D) {
+    function $e(u, _, D) {
       return te(u, !1);
     }
     function Re(u) {
-      var w = u.prototype;
-      return !!(w && w.isReactComponent);
+      var _ = u.prototype;
+      return !!(_ && _.isReactComponent);
     }
-    function Yt(u, w, D) {
+    function Yt(u, _, D) {
       if (u == null)
         return "";
       if (typeof u == "function")
@@ -305,11 +305,11 @@ function Fr() {
           case c:
             return $e(u.render);
           case v:
-            return Yt(u.type, w, D);
+            return Yt(u.type, _, D);
           case x: {
             var k = u, z = k._payload, H = k._init;
             try {
-              return Yt(H(z), w, D);
+              return Yt(H(z), _, D);
             } catch {
             }
           }
@@ -319,12 +319,12 @@ function Fr() {
     var Ft = Object.prototype.hasOwnProperty, me = {}, nn = m.ReactDebugCurrentFrame;
     function pe(u) {
       if (u) {
-        var w = u._owner, D = Yt(u.type, u._source, w ? w.type : null);
+        var _ = u._owner, D = Yt(u.type, u._source, _ ? _.type : null);
         nn.setExtraStackFrame(D);
       } else
         nn.setExtraStackFrame(null);
     }
-    function vr(u, w, D, k, z) {
+    function vr(u, _, D, k, z) {
       {
         var H = Function.call.bind(Ft);
         for (var F in u)
@@ -335,7 +335,7 @@ function Fr() {
                 var pt = Error((k || "React class") + ": " + D + " type `" + F + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof u[F] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw pt.name = "Invariant Violation", pt;
               }
-              V = u[F](w, F, k, D, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              V = u[F](_, F, k, D, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (nt) {
               V = nt;
             }
@@ -347,13 +347,13 @@ function Fr() {
     function Te(u) {
       return xr(u);
     }
-    function br(u) {
+    function gr(u) {
       {
-        var w = typeof Symbol == "function" && Symbol.toStringTag, D = w && u[Symbol.toStringTag] || u.constructor.name || "Object";
+        var _ = typeof Symbol == "function" && Symbol.toStringTag, D = _ && u[Symbol.toStringTag] || u.constructor.name || "Object";
         return D;
       }
     }
-    function gr(u) {
+    function br(u) {
       try {
         return rn(u), !1;
       } catch {
@@ -364,8 +364,8 @@ function Fr() {
       return "" + u;
     }
     function on(u) {
-      if (gr(u))
-        return d("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", br(u)), rn(u);
+      if (br(u))
+        return d("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", gr(u)), rn(u);
     }
     var sn = m.ReactCurrentOwner, yr = {
       key: !0,
@@ -373,29 +373,29 @@ function Fr() {
       __self: !0,
       __source: !0
     }, an, ln;
-    function wr(u) {
+    function _r(u) {
       if (Ft.call(u, "ref")) {
-        var w = Object.getOwnPropertyDescriptor(u, "ref").get;
-        if (w && w.isReactWarning)
+        var _ = Object.getOwnPropertyDescriptor(u, "ref").get;
+        if (_ && _.isReactWarning)
           return !1;
       }
       return u.ref !== void 0;
     }
-    function _r(u) {
+    function wr(u) {
       if (Ft.call(u, "key")) {
-        var w = Object.getOwnPropertyDescriptor(u, "key").get;
-        if (w && w.isReactWarning)
+        var _ = Object.getOwnPropertyDescriptor(u, "key").get;
+        if (_ && _.isReactWarning)
           return !1;
       }
       return u.key !== void 0;
     }
-    function Er(u, w) {
+    function Er(u, _) {
       typeof u.ref == "string" && sn.current;
     }
-    function jr(u, w) {
+    function jr(u, _) {
       {
         var D = function() {
-          an || (an = !0, d("%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://reactjs.org/link/special-props)", w));
+          an || (an = !0, d("%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://reactjs.org/link/special-props)", _));
         };
         D.isReactWarning = !0, Object.defineProperty(u, "key", {
           get: D,
@@ -403,10 +403,10 @@ function Fr() {
         });
       }
     }
-    function Nr(u, w) {
+    function Nr(u, _) {
       {
         var D = function() {
-          ln || (ln = !0, d("%s: `ref` 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://reactjs.org/link/special-props)", w));
+          ln || (ln = !0, d("%s: `ref` 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://reactjs.org/link/special-props)", _));
         };
         D.isReactWarning = !0, Object.defineProperty(u, "ref", {
           get: D,
@@ -414,13 +414,13 @@ function Fr() {
         });
       }
     }
-    var Ir = function(u, w, D, k, z, H, F) {
+    var Ir = function(u, _, D, k, z, H, F) {
       var V = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
         // Built-in properties that belong on the element
         type: u,
-        key: w,
+        key: _,
         ref: D,
         props: F,
         // Record the component responsible for creating this element.
@@ -443,12 +443,12 @@ function Fr() {
         value: z
       }), Object.freeze && (Object.freeze(V.props), Object.freeze(V)), V;
     };
-    function Dr(u, w, D, k, z) {
+    function Dr(u, _, D, k, z) {
       {
         var H, F = {}, V = null, pt = null;
-        D !== void 0 && (on(D), V = "" + D), _r(w) && (on(w.key), V = "" + w.key), wr(w) && (pt = w.ref, Er(w, z));
-        for (H in w)
-          Ft.call(w, H) && !yr.hasOwnProperty(H) && (F[H] = w[H]);
+        D !== void 0 && (on(D), V = "" + D), wr(_) && (on(_.key), V = "" + _.key), _r(_) && (pt = _.ref, Er(_, z));
+        for (H in _)
+          Ft.call(_, H) && !yr.hasOwnProperty(H) && (F[H] = _[H]);
         if (u && u.defaultProps) {
           var nt = u.defaultProps;
           for (H in nt)
@@ -464,7 +464,7 @@ function Fr() {
     var Ce = m.ReactCurrentOwner, cn = m.ReactDebugCurrentFrame;
     function zt(u) {
       if (u) {
-        var w = u._owner, D = Yt(u.type, u._source, w ? w.type : null);
+        var _ = u._owner, D = Yt(u.type, u._source, _ ? _.type : null);
         cn.setExtraStackFrame(D);
       } else
         cn.setExtraStackFrame(null);
@@ -492,22 +492,22 @@ Check the render method of \`` + u + "`.";
     var dn = {};
     function Rr(u) {
       {
-        var w = un();
-        if (!w) {
+        var _ = un();
+        if (!_) {
           var D = typeof u == "string" ? u : u.displayName || u.name;
-          D && (w = `
+          D && (_ = `
 
 Check the top-level render call using <` + D + ">.");
         }
-        return w;
+        return _;
       }
     }
-    function fn(u, w) {
+    function fn(u, _) {
       {
         if (!u._store || u._store.validated || u.key != null)
           return;
         u._store.validated = !0;
-        var D = Rr(w);
+        var D = Rr(_);
         if (dn[D])
           return;
         dn[D] = !0;
@@ -515,14 +515,14 @@ Check the top-level render call using <` + D + ">.");
         u && u._owner && u._owner !== Ce.current && (k = " It was passed a child from " + L(u._owner.type) + "."), zt(u), d('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', D, k), zt(null);
       }
     }
-    function hn(u, w) {
+    function hn(u, _) {
       {
         if (typeof u != "object")
           return;
         if (Te(u))
           for (var D = 0; D < u.length; D++) {
             var k = u[D];
-            Me(k) && fn(k, w);
+            Me(k) && fn(k, _);
           }
         else if (Me(u))
           u._store && (u._store.validated = !0);
@@ -530,39 +530,39 @@ Check the top-level render call using <` + D + ">.");
           var z = p(u);
           if (typeof z == "function" && z !== u.entries)
             for (var H = z.call(u), F; !(F = H.next()).done; )
-              Me(F.value) && fn(F.value, w);
+              Me(F.value) && fn(F.value, _);
         }
       }
     }
     function Tr(u) {
       {
-        var w = u.type;
-        if (w == null || typeof w == "string")
+        var _ = u.type;
+        if (_ == null || typeof _ == "string")
           return;
         var D;
-        if (typeof w == "function")
-          D = w.propTypes;
-        else if (typeof w == "object" && (w.$$typeof === c || // Note: Memo only checks outer props here.
+        if (typeof _ == "function")
+          D = _.propTypes;
+        else if (typeof _ == "object" && (_.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        w.$$typeof === v))
-          D = w.propTypes;
+        _.$$typeof === v))
+          D = _.propTypes;
         else
           return;
         if (D) {
-          var k = L(w);
+          var k = L(_);
           vr(D, u.props, "prop", k, u);
-        } else if (w.PropTypes !== void 0 && !Pe) {
+        } else if (_.PropTypes !== void 0 && !Pe) {
           Pe = !0;
-          var z = L(w);
+          var z = L(_);
           d("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", z || "Unknown");
         }
-        typeof w.getDefaultProps == "function" && !w.getDefaultProps.isReactClassApproved && d("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof _.getDefaultProps == "function" && !_.getDefaultProps.isReactClassApproved && d("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Cr(u) {
       {
-        for (var w = Object.keys(u.props), D = 0; D < w.length; D++) {
-          var k = w[D];
+        for (var _ = Object.keys(u.props), D = 0; D < _.length; D++) {
+          var k = _[D];
           if (k !== "children" && k !== "key") {
             zt(u), d("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", k), zt(null);
             break;
@@ -572,7 +572,7 @@ Check the top-level render call using <` + D + ">.");
       }
     }
     var mn = {};
-    function pn(u, w, D, k, z, H) {
+    function pn(u, _, D, k, z, H) {
       {
         var F = P(u);
         if (!F) {
@@ -583,11 +583,11 @@ Check the top-level render call using <` + D + ">.");
           var nt;
           u === null ? nt = "null" : Te(u) ? nt = "array" : u !== void 0 && u.$$typeof === e ? (nt = "<" + (L(u.type) || "Unknown") + " />", V = " Did you accidentally export a JSX literal instead of a component?") : nt = typeof u, d("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", nt, V);
         }
-        var ot = Dr(u, w, D, z, H);
+        var ot = Dr(u, _, D, z, H);
         if (ot == null)
           return ot;
         if (F) {
-          var Et = w.children;
+          var Et = _.children;
           if (Et !== void 0)
             if (k)
               if (Te(Et)) {
@@ -599,12 +599,12 @@ Check the top-level render call using <` + D + ">.");
             else
               hn(Et, u);
         }
-        if (Ft.call(w, "key")) {
-          var Ut = L(u), bt = Object.keys(w).filter(function(Sr) {
+        if (Ft.call(_, "key")) {
+          var Ut = L(u), gt = Object.keys(_).filter(function(Sr) {
             return Sr !== "key";
-          }), Oe = bt.length > 0 ? "{key: someKey, " + bt.join(": ..., ") + ": ...}" : "{key: someKey}";
+          }), Oe = gt.length > 0 ? "{key: someKey, " + gt.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!mn[Ut + Oe]) {
-            var Lr = bt.length > 0 ? "{" + bt.join(": ..., ") + ": ...}" : "{}";
+            var Lr = gt.length > 0 ? "{" + gt.join(": ..., ") + ": ...}" : "{}";
             d(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -616,19 +616,19 @@ React keys must be passed directly to JSX without using spread:
         return u === s ? Cr(ot) : Tr(ot), ot;
       }
     }
-    function Pr(u, w, D) {
-      return pn(u, w, D, !0);
+    function Pr(u, _, D) {
+      return pn(u, _, D, !0);
     }
-    function Mr(u, w, D) {
-      return pn(u, w, D, !1);
+    function Mr(u, _, D) {
+      return pn(u, _, D, !1);
     }
     var Or = Mr, Ar = Pr;
     ne.Fragment = s, ne.jsx = Or, ne.jsxs = Ar;
   })()), ne;
 }
-var bn;
+var gn;
 function Ur() {
-  return bn || (bn = 1, process.env.NODE_ENV === "production" ? ve.exports = Vr() : ve.exports = Fr()), ve.exports;
+  return gn || (gn = 1, process.env.NODE_ENV === "production" ? ve.exports = Vr() : ve.exports = Fr()), ve.exports;
 }
 var r = Ur();
 const Z = 96, Jt = Y(
@@ -745,27 +745,27 @@ function ya() {
   );
 }
 var se = /* @__PURE__ */ ((t) => (t.left = "flex-start", t.center = "center", t.right = "flex-end", t))(se || {}), ie = /* @__PURE__ */ ((t) => (t.top = "flex-start", t.center = "center", t.bottom = "flex-end", t))(ie || {});
-const Yr = "_container_1mr3i_5", zr = "_select_1mr3i_11", Kr = "_placeholderOverlay_1mr3i_44", Le = {
+const Yr = "_container_gerw7_9", zr = "_select_gerw7_21", Kr = "_placeholderOverlay_gerw7_87", Le = {
   container: Yr,
   select: zr,
   placeholderOverlay: Kr
 }, Lt = (t) => {
   const { value: e, onChange: n, readOnly: s = !1, config: o } = t, a = t.options ?? (o == null ? void 0 : o.options) ?? [], i = t.placeholder ?? (o == null ? void 0 : o.placeholder) ?? "選択してください", l = t.width ?? (o == null ? void 0 : o.width), c = t.height ?? (o == null ? void 0 : o.height), f = $(
     (N) => {
-      const _ = N.target.value;
-      if (_ === "")
+      const w = N.target.value;
+      if (w === "")
         n(void 0);
       else {
         const p = a.find(
-          (m) => String(m.value) === _
+          (m) => String(m.value) === w
         );
-        n(p ? p.value : _);
+        n(p ? p.value : w);
       }
     },
     [n, a]
   ), h = e ?? "", v = e !== void 0 && e !== "", x = {};
   l !== void 0 ? x.width = `${l}px` : x.width = "100%";
-  const b = {
+  const g = {
     width: "100%",
     height: c ? `${c}px` : void 0
   };
@@ -774,7 +774,7 @@ const Yr = "_container_1mr3i_5", zr = "_select_1mr3i_11", Kr = "_placeholderOver
       "input",
       {
         className: Le.placeholderOverlay,
-        style: b,
+        style: g,
         readOnly: !0,
         placeholder: i
       }
@@ -783,7 +783,7 @@ const Yr = "_container_1mr3i_5", zr = "_select_1mr3i_11", Kr = "_placeholderOver
       "select",
       {
         className: Le.select,
-        style: b,
+        style: g,
         value: h,
         onChange: f,
         disabled: s,
@@ -822,9 +822,9 @@ const Hr = {
       ]
     }
   }
-}, qr = "_container_1tnp6_5", Xr = "_input_1tnp6_13", Jr = "_label_1tnp6_29", Se = {
-  container: qr,
-  input: Xr,
+}, Xr = "_container_6u83k_9", qr = "_input_6u83k_25", Jr = "_label_6u83k_57", Se = {
+  container: Xr,
+  input: qr,
   label: Jr
 }, Pt = ({
   value: t,
@@ -854,7 +854,7 @@ const Hr = {
   ] });
 };
 Pt.displayName = "Checkbox";
-const Zr = "_container_qbvob_5", Qr = "_colorButton_qbvob_13", to = "_textInputWrapper_qbvob_40", eo = "_textInputPrefix_qbvob_62", no = "_textInput_qbvob_40", ro = "_popover_qbvob_125", oo = "_palette_qbvob_141", so = "_paletteButton_qbvob_148", io = "_selected_qbvob_171", ao = "_transparentPaletteButton_qbvob_177", lo = "_rgbaInputs_qbvob_183", co = "_rgbaInputGroup_qbvob_190", uo = "_rgbaLabel_qbvob_205", lt = {
+const Zr = "_container_1gj1n_9", Qr = "_colorButton_1gj1n_25", to = "_textInputWrapper_1gj1n_79", eo = "_textInputPrefix_1gj1n_123", no = "_textInput_1gj1n_79", ro = "_popover_1gj1n_249", oo = "_palette_1gj1n_281", so = "_paletteButton_1gj1n_295", io = "_selected_1gj1n_341", ao = "_transparentPaletteButton_1gj1n_353", lo = "_rgbaInputs_1gj1n_365", co = "_rgbaInputGroup_1gj1n_379", uo = "_rgbaLabel_1gj1n_409", lt = {
   container: Zr,
   colorButton: Qr,
   textInputWrapper: to,
@@ -869,7 +869,7 @@ const Zr = "_container_qbvob_5", Qr = "_colorButton_qbvob_13", to = "_textInputW
   rgbaInputGroup: co,
   rgbaLabel: uo
 };
-function gn(t) {
+function bn(t) {
   if (!t)
     return null;
   const e = t.match(/^#([0-9a-f]{6}|[0-9a-f]{8})$/i);
@@ -949,7 +949,7 @@ const ho = [
   );
 }) });
 On.displayName = "ColorPalette";
-const mo = "_input_14n56_5", po = {
+const mo = "_input_me6tq_9", po = {
   input: mo
 }, yt = ({
   value: t,
@@ -965,7 +965,7 @@ const mo = "_input_14n56_5", po = {
   config: h,
   onBlur: v
 }) => {
-  const x = s ?? (h == null ? void 0 : h.min) ?? 1, b = o ?? (h == null ? void 0 : h.max), N = a ?? (h == null ? void 0 : h.step) ?? 1, _ = i ?? (h == null ? void 0 : h.integer) ?? !1, p = l ?? (h == null ? void 0 : h.placeholder), m = c ?? (h == null ? void 0 : h.width), d = f ?? (h == null ? void 0 : h.height), g = $(
+  const x = s ?? (h == null ? void 0 : h.min) ?? 1, g = o ?? (h == null ? void 0 : h.max), N = a ?? (h == null ? void 0 : h.step) ?? 1, w = i ?? (h == null ? void 0 : h.integer) ?? !1, p = l ?? (h == null ? void 0 : h.placeholder), m = c ?? (h == null ? void 0 : h.width), d = f ?? (h == null ? void 0 : h.height), b = $(
     (R) => {
       const G = R.target.value;
       if (G === "") {
@@ -973,9 +973,9 @@ const mo = "_input_14n56_5", po = {
         return;
       }
       let T = Number.parseFloat(G);
-      Number.isNaN(T) || (_ && (T = Math.round(T)), x !== void 0 && T < x && (T = x), b !== void 0 && T > b && (T = b), e(T));
+      Number.isNaN(T) || (w && (T = Math.round(T)), x !== void 0 && T < x && (T = x), g !== void 0 && T > g && (T = g), e(T));
     },
-    [e, x, b, _]
+    [e, x, g, w]
   ), y = {};
   return m !== void 0 && (y.width = `${m}px`), d !== void 0 && (y.height = `${d}px`, y.paddingTop = 0, y.paddingBottom = 0), /* @__PURE__ */ r.jsx(
     "input",
@@ -984,11 +984,11 @@ const mo = "_input_14n56_5", po = {
       className: po.input,
       style: y,
       value: t ?? "",
-      onChange: g,
+      onChange: b,
       onBlur: v,
       disabled: n,
       min: x,
-      max: b,
+      max: g,
       step: N,
       placeholder: p
     }
@@ -1105,7 +1105,7 @@ const Ln = ({
   ) : null;
 };
 Ln.displayName = "ColorPickerPopover";
-const we = ({
+const _e = ({
   value: t,
   onChange: e,
   readOnly: n = !1,
@@ -1116,14 +1116,14 @@ const we = ({
   height: l,
   config: c
 }) => {
-  const f = o ?? (c == null ? void 0 : c.allowUndefined) ?? !0, h = a ?? (f ? "未設定" : "#000000"), v = i ?? (c == null ? void 0 : c.width), x = l ?? (c == null ? void 0 : c.height), [b, N] = dt(!1), _ = It(null), [p, m] = dt(() => gn(t) ?? { r: 0, g: 0, b: 0, a: 1 });
+  const f = o ?? (c == null ? void 0 : c.allowUndefined) ?? !0, h = a ?? (f ? "未設定" : "#000000"), v = i ?? (c == null ? void 0 : c.width), x = l ?? (c == null ? void 0 : c.height), [g, N] = dt(!1), w = It(null), [p, m] = dt(() => bn(t) ?? { r: 0, g: 0, b: 0, a: 1 });
   Ot(() => {
-    const E = gn(t);
+    const E = bn(t);
     E && m(E);
   }, [t]);
   const d = $(() => {
     n || N((E) => !E);
-  }, [n]), [g, y] = dt(
+  }, [n]), [b, y] = dt(
     t ? t.replace(/^#/, "") : ""
   );
   Ot(() => {
@@ -1169,7 +1169,7 @@ const we = ({
   ), B = t ?? "未設定", C = {};
   t && (C.background = t);
   const L = {};
-  return v !== void 0 ? L.width = `${v}px` : L.width = "100%", x !== void 0 && (L.height = `${x}px`), /* @__PURE__ */ r.jsxs("div", { className: lt.container, style: L, ref: _, children: [
+  return v !== void 0 ? L.width = `${v}px` : L.width = "100%", x !== void 0 && (L.height = `${x}px`), /* @__PURE__ */ r.jsxs("div", { className: lt.container, style: L, ref: w, children: [
     /* @__PURE__ */ r.jsx(
       "button",
       {
@@ -1189,7 +1189,7 @@ const we = ({
         {
           type: "text",
           className: lt.textInput,
-          value: g,
+          value: b,
           onChange: R,
           onKeyDown: j,
           onBlur: T,
@@ -1202,7 +1202,7 @@ const we = ({
     /* @__PURE__ */ r.jsx(
       Ln,
       {
-        isOpen: b,
+        isOpen: g,
         onClose: () => N(!1),
         rgba: p,
         onRgbaChange: P,
@@ -1213,17 +1213,17 @@ const we = ({
     )
   ] });
 };
-we.displayName = "ColorPicker";
-const vo = "_container_1n9lj_5", xo = "_valueInput_1n9lj_23", bo = "_unitSelect_1n9lj_45", ke = {
+_e.displayName = "ColorPicker";
+const vo = "_container_3qavu_9", xo = "_valueInput_3qavu_45", go = "_unitSelect_3qavu_89", ke = {
   container: vo,
   valueInput: xo,
-  unitSelect: bo
+  unitSelect: go
 }, mt = (t) => {
-  const { value: e, onChange: n, readOnly: s = !1, config: o } = t, a = t.allowedUnits ?? (o == null ? void 0 : o.allowedUnits), i = t.min ?? (o == null ? void 0 : o.min), l = t.max ?? (o == null ? void 0 : o.max), c = t.step ?? (o == null ? void 0 : o.step) ?? 1, f = t.placeholder ?? (o == null ? void 0 : o.placeholder), h = t.width ?? (o == null ? void 0 : o.width), v = t.height ?? (o == null ? void 0 : o.height), x = (e == null ? void 0 : e.unit) ?? (a == null ? void 0 : a[0]), b = $(
+  const { value: e, onChange: n, readOnly: s = !1, config: o } = t, a = t.allowedUnits ?? (o == null ? void 0 : o.allowedUnits), i = t.min ?? (o == null ? void 0 : o.min), l = t.max ?? (o == null ? void 0 : o.max), c = t.step ?? (o == null ? void 0 : o.step) ?? 1, f = t.placeholder ?? (o == null ? void 0 : o.placeholder), h = t.width ?? (o == null ? void 0 : o.width), v = t.height ?? (o == null ? void 0 : o.height), x = (e == null ? void 0 : e.unit) ?? (a == null ? void 0 : a[0]), g = $(
     (d) => {
-      const g = d.target.value;
-      if (g === "") return;
-      let y = Number.parseFloat(g);
+      const b = d.target.value;
+      if (b === "") return;
+      let y = Number.parseFloat(b);
       if (Number.isNaN(y)) return;
       const R = i ?? 1;
       y < R && (y = R), l !== void 0 && y > l && (y = l), n({
@@ -1235,23 +1235,23 @@ const vo = "_container_1n9lj_5", xo = "_valueInput_1n9lj_23", bo = "_unitSelect_
     [e, n, x, i, l]
   ), N = $(
     (d) => {
-      const g = d.target.value;
+      const b = d.target.value;
       n({
         // 値が未設定ならデフォルト値（例: 0）を入れてオブジェクトを作成
         value: (e == null ? void 0 : e.value) ?? 0,
-        unit: g
+        unit: b
       });
     },
     [e, n]
-  ), _ = (e == null ? void 0 : e.value) ?? "", p = (e == null ? void 0 : e.unit) ?? x ?? "", m = {};
+  ), w = (e == null ? void 0 : e.value) ?? "", p = (e == null ? void 0 : e.unit) ?? x ?? "", m = {};
   return h !== void 0 ? m.width = `${h}px` : m.width = "100%", v !== void 0 && (m.height = `${v}px`), /* @__PURE__ */ r.jsxs("div", { className: ke.container, style: m, children: [
     /* @__PURE__ */ r.jsx(
       "input",
       {
         type: "number",
         className: ke.valueInput,
-        value: _,
-        onChange: b,
+        value: w,
+        onChange: g,
         placeholder: f,
         min: i ?? 1,
         max: l,
@@ -1274,11 +1274,11 @@ const vo = "_container_1n9lj_5", xo = "_valueInput_1n9lj_23", bo = "_unitSelect_
       }
     )
   ] });
-}, go = "_root_qs6t8_3", yo = "_list_qs6t8_11", wo = "_trigger_qs6t8_26", _o = "_content_qs6t8_71", _e = {
-  root: go,
+}, bo = "_root_kb3dm_5", yo = "_list_kb3dm_21", _o = "_trigger_kb3dm_51", wo = "_content_kb3dm_141", we = {
+  root: bo,
   list: yo,
-  trigger: wo,
-  content: _o
+  trigger: _o,
+  content: wo
 }, Ee = Br(void 0), Sn = ({
   defaultValue: t,
   value: e,
@@ -1290,7 +1290,7 @@ const vo = "_container_1n9lj_5", xo = "_valueInput_1n9lj_23", bo = "_unitSelect_
   const [i, l] = dt(t), c = e ?? i, f = (h) => {
     l(h), n == null || n(h);
   };
-  return /* @__PURE__ */ r.jsx(Ee.Provider, { value: { value: c, onChange: f, variant: o }, children: /* @__PURE__ */ r.jsx("div", { className: `${_e.root} ${a}`, "data-variant": o, children: s }) });
+  return /* @__PURE__ */ r.jsx(Ee.Provider, { value: { value: c, onChange: f, variant: o }, children: /* @__PURE__ */ r.jsx("div", { className: `${we.root} ${a}`, "data-variant": o, children: s }) });
 }, kn = ({
   children: t,
   className: e = "",
@@ -1298,14 +1298,14 @@ const vo = "_container_1n9lj_5", xo = "_valueInput_1n9lj_23", bo = "_unitSelect_
   height: s,
   style: o
 }) => {
-  const a = qe(Ee);
+  const a = Xe(Ee);
   if (!a)
     throw new Error("TabsList must be used within a Tabs component");
   const { variant: i } = a, l = { ...o };
   return n !== void 0 && (l.width = `${n}px`), s !== void 0 && (l.height = `${s}px`), /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: `${_e.list} ${e}`,
+      className: `${we.list} ${e}`,
       "data-variant": i,
       style: l,
       children: t
@@ -1320,14 +1320,14 @@ const vo = "_container_1n9lj_5", xo = "_valueInput_1n9lj_23", bo = "_unitSelect_
   height: a,
   style: i
 }) => {
-  const l = qe(Ee);
+  const l = Xe(Ee);
   if (!l)
     throw new Error("TabsTrigger must be used within a Tabs component");
   const { value: c, onChange: f, variant: h } = l, v = c === t, x = { ...i };
   return o !== void 0 && (x.width = `${o}px`), a !== void 0 && (x.height = `${a}px`), /* @__PURE__ */ r.jsx(
     "button",
     {
-      className: `${_e.trigger} ${n}`,
+      className: `${we.trigger} ${n}`,
       "data-state": v ? "active" : "inactive",
       "data-variant": h,
       onClick: () => f(t),
@@ -1342,12 +1342,12 @@ const vo = "_container_1n9lj_5", xo = "_valueInput_1n9lj_23", bo = "_unitSelect_
   children: e,
   className: n = ""
 }) => {
-  const s = qe(Ee);
+  const s = Xe(Ee);
   if (!s)
     throw new Error("TabsContent must be used within a Tabs component");
   const { value: o } = s;
-  return o !== t ? null : /* @__PURE__ */ r.jsx("div", { className: `${_e.content} ${n}`, children: e });
-}, Eo = "_input_9unrj_5", jo = {
+  return o !== t ? null : /* @__PURE__ */ r.jsx("div", { className: `${we.content} ${n}`, children: e });
+}, Eo = "_input_hr2wj_9", jo = {
   input: Eo
 }, de = ({
   value: t,
@@ -1363,10 +1363,10 @@ const vo = "_container_1n9lj_5", xo = "_valueInput_1n9lj_23", bo = "_unitSelect_
   config: f,
   onBlur: h
 }) => {
-  const v = s ?? (f == null ? void 0 : f.placeholder), x = o ?? (f == null ? void 0 : f.maxLength), b = a ?? (f == null ? void 0 : f.multiline) ?? !1, N = i ?? (f == null ? void 0 : f.rows) ?? 3, _ = $(
+  const v = s ?? (f == null ? void 0 : f.placeholder), x = o ?? (f == null ? void 0 : f.maxLength), g = a ?? (f == null ? void 0 : f.multiline) ?? !1, N = i ?? (f == null ? void 0 : f.rows) ?? 3, w = $(
     (d) => {
-      const g = d.target.value;
-      e(g);
+      const b = d.target.value;
+      e(b);
     },
     [e]
   ), p = {};
@@ -1376,15 +1376,15 @@ const vo = "_container_1n9lj_5", xo = "_valueInput_1n9lj_23", bo = "_unitSelect_
     style: p,
     value: t ?? "",
     // undefined なら空文字を表示
-    onChange: _,
+    onChange: w,
     disabled: n,
     placeholder: v,
     maxLength: x
   };
-  return b ? /* @__PURE__ */ r.jsx("textarea", { ...m, rows: N }) : /* @__PURE__ */ r.jsx("input", { ...m, type: "text", onBlur: h });
+  return g ? /* @__PURE__ */ r.jsx("textarea", { ...m, rows: N }) : /* @__PURE__ */ r.jsx("input", { ...m, type: "text", onBlur: h });
 };
 de.displayName = "TextInput";
-const wa = ["mm", "cm", "fr", "inch", "pt", "px", "%"], _a = ["mm", "cm", "pt", "inch", "px"], Ea = ["mm", "cm", "inch"], ja = ["mm", "cm", "fr", "inch", "pt", "px"], No = ["px", "pt", "mm"], Io = ["px", "pt", "mm"], re = ["mm", "pt", "px", "%"], yn = ["mm", "cm", "inch", "pt", "px", "%"], Do = {
+const _a = ["mm", "cm", "fr", "inch", "pt", "px", "%"], wa = ["mm", "cm", "pt", "inch", "px"], Ea = ["mm", "cm", "inch"], ja = ["mm", "cm", "fr", "inch", "pt", "px"], No = ["px", "pt", "mm"], Io = ["px", "pt", "mm"], re = ["mm", "pt", "px", "%"], yn = ["mm", "cm", "inch", "pt", "px", "%"], Do = {
   // 1. 切り替えスイッチ
   isIndividual: {
     defaultValue: !1,
@@ -1489,7 +1489,7 @@ const wa = ["mm", "cm", "fr", "inch", "pt", "px", "%"], _a = ["mm", "cm", "pt",
     // CSS変数を使用するため未設定
     label: "文字色",
     group: "フォント",
-    Component: we,
+    Component: _e,
     config: {
       allowUndefined: !0
       // 明示的に許可（デフォルトtrueなので省略可）
@@ -1666,7 +1666,7 @@ function Ro(t) {
   const e = Date.now(), n = Math.random().toString(36).slice(2);
   return `${t}_${e}_${n}`;
 }
-function Xt(t, e, n) {
+function qt(t, e, n) {
   const s = $o(t);
   return {
     id: Ro(t.kind),
@@ -1736,7 +1736,7 @@ const Ca = {
     // 複雑な設定なので複数選択時は無効化が無難
   }
 };
-var wt = /* @__PURE__ */ ((t) => (t.ADD = "add", t.UPDATE = "update", t.DELETE = "delete", t.MOVE = "move", t.RESIZE = "resize", t.DUPLICATE = "duplicate", t.PASTE = "paste", t))(wt || {});
+var _t = /* @__PURE__ */ ((t) => (t.ADD = "add", t.UPDATE = "update", t.DELETE = "delete", t.MOVE = "move", t.RESIZE = "resize", t.DUPLICATE = "duplicate", t.PASTE = "paste", t))(_t || {});
 const To = {
   cols: Array.from({ length: 12 }).map(() => ({ value: 1, unit: "fr" })),
   rows: Array.from({ length: 16 }).map(() => ({ value: 1, unit: "fr" }))
@@ -1916,7 +1916,7 @@ class fe {
     } : null;
   }
 }
-var _t = /* @__PURE__ */ ((t) => (t.FORM = "Form", t.EDIT = "Edit", t.VIEW = "View", t))(_t || {}), Ct = /* @__PURE__ */ ((t) => (t.A4 = "A4", t.B5 = "B5", t.A3 = "A3", t.LETTER = "Letter", t.LEGAL = "Legal", t.CUSTOM = "Custom", t))(Ct || {});
+var wt = /* @__PURE__ */ ((t) => (t.FORM = "Form", t.EDIT = "Edit", t.VIEW = "View", t))(wt || {}), Ct = /* @__PURE__ */ ((t) => (t.A4 = "A4", t.B5 = "B5", t.A3 = "A3", t.LETTER = "Letter", t.LEGAL = "Legal", t.CUSTOM = "Custom", t))(Ct || {});
 const Gn = {
   A4: {
     preset: "A4",
@@ -2035,9 +2035,9 @@ const ko = Y(
       }
     );
   }
-), Bo = "_label_vgaic_1", Vo = {
+), Bo = "_label_fluf5_1", Vo = {
   label: Bo
-}, Fo = "_editor_6szgo_5", Uo = "_input_6szgo_18", Wo = "_select_6szgo_38", Yo = "_button_6szgo_54", xe = {
+}, Fo = "_editor_1aiew_9", Uo = "_input_1aiew_35", Wo = "_select_1aiew_75", Yo = "_button_1aiew_107", xe = {
   editor: Fo,
   input: Uo,
   select: Wo,
@@ -2055,7 +2055,7 @@ function zo(t, e) {
 function Oa(t, e) {
   return t.map((n) => zo(n, e));
 }
-const Ko = 10, Ho = 25.4, qo = 0.352778, Xo = 0.264583, Q = {
+const Ko = 10, Ho = 25.4, Xo = 0.352778, qo = 0.264583, Q = {
   fromCm(t) {
     return xt(t, "Centimeter value"), t * Ko;
   },
@@ -2063,11 +2063,11 @@ const Ko = 10, Ho = 25.4, qo = 0.352778, Xo = 0.264583, Q = {
     return xt(t, "Inch value"), t * Ho;
   },
   fromPt(t) {
-    return xt(t, "Point value"), t * qo;
+    return xt(t, "Point value"), t * Xo;
   },
   // データ上のpxはDPI=96として扱う
   fromPx(t) {
-    return xt(t, "Pixel value"), t * Xo;
+    return xt(t, "Pixel value"), t * qo;
   },
   fromDim(t) {
     switch (xt(t.value, "Dimension value"), t.unit) {
@@ -2139,7 +2139,7 @@ const Bn = Y(
     onChange: i,
     onCancel: l
   }) => {
-    const [c, f] = dt(e.value.toString()), [h, v] = dt(e.unit), x = It(null), b = It(null), N = t === "column" ? {
+    const [c, f] = dt(e.value.toString()), [h, v] = dt(e.unit), x = It(null), g = It(null), N = t === "column" ? {
       left: `${o + s}px`,
       top: `${a + 24}px`,
       transform: "translateX(-50%)"
@@ -2149,31 +2149,31 @@ const Bn = Y(
       transform: "translateY(-50%)"
     };
     Ot(() => {
-      var d, g;
-      (d = x.current) == null || d.focus(), (g = x.current) == null || g.select();
+      var d, b;
+      (d = x.current) == null || d.focus(), (b = x.current) == null || b.select();
     }, []), Ot(() => {
-      const d = (g) => {
-        b.current && !b.current.contains(g.target) && l();
+      const d = (b) => {
+        g.current && !g.current.contains(b.target) && l();
       };
       return document.addEventListener("mousedown", d), () => {
         document.removeEventListener("mousedown", d);
       };
     }, [l]);
-    const _ = () => {
+    const w = () => {
       const d = Number.parseFloat(c);
       !Number.isNaN(d) && d >= 0.1 ? i({ unit: h, value: d }) : l();
     }, p = (d) => {
-      d.key === "Enter" ? (d.preventDefault(), _()) : d.key === "Escape" && (d.preventDefault(), l());
+      d.key === "Enter" ? (d.preventDefault(), w()) : d.key === "Escape" && (d.preventDefault(), l());
     }, m = (d) => {
-      const g = d.target.value;
-      v(g);
-      const y = Qo(n, g);
+      const b = d.target.value;
+      v(b);
+      const y = Qo(n, b);
       f(y.toString());
     };
     return /* @__PURE__ */ r.jsxs(
       "div",
       {
-        ref: b,
+        ref: g,
         className: xe.editor,
         style: N,
         "data-testid": `grid-unit-editor-${t}`,
@@ -2205,7 +2205,7 @@ const Bn = Y(
             {
               type: "button",
               className: xe.button,
-              onClick: _,
+              onClick: w,
               title: "確定",
               children: "✓"
             }
@@ -2278,11 +2278,11 @@ const Ue = Y(
       top: `${i + s}px`,
       transform: "translateY(-50%)",
       writingMode: "vertical-rl"
-    }, b = () => {
+    }, g = () => {
       v(!0);
     }, N = (d) => {
       f == null || f(t, e, d), v(!1);
-    }, _ = () => {
+    }, w = () => {
       v(!1);
     }, m = c ? (() => {
       const d = ts(
@@ -2300,7 +2300,7 @@ const Ue = Y(
           type: "button",
           className: Vo.label,
           style: x,
-          onDoubleClick: b,
+          onDoubleClick: g,
           "data-testid": `grid-dimension-${t}-${e}`,
           "aria-label": `グリッド寸法: ${m}`,
           children: m
@@ -2317,7 +2317,7 @@ const Ue = Y(
           marginLeftPx: a,
           marginTopPx: i,
           onChange: N,
-          onCancel: _
+          onCancel: w
         }
       )
     ] });
@@ -2381,7 +2381,7 @@ const ns = Y(
       }
     );
   }
-), rs = "_handle_1mgtx_1", os = "_dragging_1mgtx_19", Ge = {
+), rs = "_handle_c4kku_1", os = "_dragging_c4kku_37", Ge = {
   handle: rs,
   dragging: os
 }, We = Y(
@@ -2411,16 +2411,16 @@ const ns = Y(
       width: `${h}px`,
       height: `${h}px`,
       cursor: "row-resize"
-    }, b = $(
+    }, g = $(
       (N) => {
         N.stopPropagation(), N.preventDefault();
-        const _ = t === "column" ? N.clientX : N.clientY;
+        const w = t === "column" ? N.clientX : N.clientY;
         f(!0), a == null || a(t, e);
         const p = (d) => {
-          const y = (t === "column" ? d.clientX : d.clientY) - _;
+          const y = (t === "column" ? d.clientX : d.clientY) - w;
           i == null || i(t, e, y);
         }, m = (d) => {
-          const y = (t === "column" ? d.clientX : d.clientY) - _;
+          const y = (t === "column" ? d.clientX : d.clientY) - w;
           f(!1), l == null || l(t, e, y), window.removeEventListener("pointermove", p), window.removeEventListener("pointerup", m);
         };
         window.addEventListener("pointermove", p), window.addEventListener("pointerup", m);
@@ -2432,7 +2432,7 @@ const ns = Y(
       {
         className: `${Ge.handle} ${Ge[t]} ${c ? Ge.dragging : ""}`,
         style: x,
-        onPointerDown: b,
+        onPointerDown: g,
         "data-testid": `grid-resize-handle-${t}-${e}`
       }
     );
@@ -2540,12 +2540,12 @@ const ss = Y(
     showBorder: h = !0,
     showResizeHandles: v = !1,
     showDimensionLabels: x = !1,
-    onGridResize: b,
+    onGridResize: g,
     onDimensionChange: N,
-    className: _ = "",
+    className: w = "",
     zIndex: p = {}
   }) => {
-    const [m, d] = dt(null), [g, y] = dt(null), [R, G] = dt(
+    const [m, d] = dt(null), [b, y] = dt(null), [R, G] = dt(
       null
     ), T = It(null);
     Ot(() => {
@@ -2575,61 +2575,61 @@ const ss = Y(
       },
       []
     ), P = M(() => {
-      if (!m || !g) return null;
-      const E = g.direction === "column" ? e.cols : e.rows, I = g.index, O = E[I - 1], S = m.position, q = O !== void 0 ? S - O : 0, tt = m.position, et = E[I + 1], ft = et !== void 0 ? et - tt : 0;
+      if (!m || !b) return null;
+      const E = b.direction === "column" ? e.cols : e.rows, I = b.index, O = E[I - 1], S = m.position, X = O !== void 0 ? S - O : 0, tt = m.position, et = E[I + 1], ft = et !== void 0 ? et - tt : 0;
       return {
-        direction: g.direction,
+        direction: b.direction,
         prevIndex: I - 1,
-        prevSize: q,
+        prevSize: X,
         nextIndex: I,
         nextSize: ft
       };
-    }, [m, g, e]), B = $(
+    }, [m, b, e]), B = $(
       (E, I, O) => {
-        const S = E === "column" ? e.cols : e.rows, q = S[I];
-        if (q === void 0) return;
+        const S = E === "column" ? e.cols : e.rows, X = S[I];
+        if (X === void 0) return;
         const tt = S[I - 1], et = S[I + 1], ft = 10;
         let ut = O;
         if (tt !== void 0) {
-          const X = tt + ft - q;
-          ut = Math.max(ut, X);
+          const q = tt + ft - X;
+          ut = Math.max(ut, q);
         }
         if (et !== void 0) {
-          const X = et - ft - q;
-          ut = Math.min(ut, X);
+          const q = et - ft - X;
+          ut = Math.min(ut, q);
         }
         d({
           direction: E,
-          position: q + ut
+          position: X + ut
         });
       },
       [e]
     ), C = $(
       (E, I, O) => {
-        const S = E === "column" ? e.cols : e.rows, q = S[I];
-        if (q === void 0) {
+        const S = E === "column" ? e.cols : e.rows, X = S[I];
+        if (X === void 0) {
           d(null);
           return;
         }
         const tt = S[I - 1], et = S[I + 1], ft = 10;
         let ut = O;
         if (tt !== void 0) {
-          const X = tt + ft - q;
-          ut = Math.max(ut, X);
+          const q = tt + ft - X;
+          ut = Math.max(ut, q);
         }
         if (et !== void 0) {
-          const X = et - ft - q;
-          ut = Math.min(ut, X);
+          const q = et - ft - X;
+          ut = Math.min(ut, q);
         }
-        d(null), y(null), b == null || b(E, I, ut);
+        d(null), y(null), g == null || g(E, I, ut);
       },
-      [e, b]
+      [e, g]
     ), L = {
       position: "relative",
       width: "100%",
       height: "100%"
     };
-    return /* @__PURE__ */ r.jsxs("div", { ref: T, className: _, style: L, children: [
+    return /* @__PURE__ */ r.jsxs("div", { ref: T, className: w, style: L, children: [
       /* @__PURE__ */ r.jsx(
         Go,
         {
@@ -2637,7 +2637,7 @@ const ss = Y(
           backgroundColor: a,
           boxShadow: i,
           zIndex: (p == null ? void 0 : p.canvas) ?? W.GRID_CANVAS,
-          className: _
+          className: w
         }
       ),
       f && /* @__PURE__ */ r.jsx(
@@ -2647,7 +2647,7 @@ const ss = Y(
           visible: f,
           marginColor: l,
           zIndex: (p == null ? void 0 : p.margin) ?? W.MARGIN_OVERLAY,
-          className: _
+          className: w
         }
       ),
       c && /* @__PURE__ */ r.jsx(
@@ -2661,7 +2661,7 @@ const ss = Y(
           visible: c,
           zIndex: (p == null ? void 0 : p.grid) ?? W.GRID_OVERLAY,
           dpi: Z,
-          className: _
+          className: w
         }
       ),
       h && /* @__PURE__ */ r.jsx(
@@ -2674,10 +2674,10 @@ const ss = Y(
           visible: h,
           dpi: Z,
           zIndex: (p == null ? void 0 : p.border) ?? W.BORDER_OVERLAY,
-          className: _
+          className: w
         }
       ),
-      v && b && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      v && g && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
         e.cols.map((E, I) => {
           if (I === 0 || I === e.cols.length - 1)
             return null;
@@ -2721,7 +2721,7 @@ const ss = Y(
         n.cols.map((E, I) => {
           const O = e.cols[I], S = e.cols[I + 1];
           if (O === void 0 || S === void 0) return null;
-          const q = (g == null ? void 0 : g.direction) === "column" && (g.index === I || g.index === I + 1);
+          const X = (b == null ? void 0 : b.direction) === "column" && (b.index === I || b.index === I + 1);
           let tt;
           P && P.direction === "column" && (P.prevIndex === I ? tt = P.prevSize : P.nextIndex === I && (tt = P.nextSize));
           const et = (O + S) / 2, ft = S - O, ut = `col-dim-${I}`;
@@ -2735,7 +2735,7 @@ const ss = Y(
               currentPxSize: ft,
               marginLeftPx: t.margin.left,
               marginTopPx: t.margin.top,
-              isNearCursor: j || q,
+              isNearCursor: j || X,
               resizingPxSize: tt,
               onDimensionChange: N
             },
@@ -2746,7 +2746,7 @@ const ss = Y(
         n.rows.map((E, I) => {
           const O = e.rows[I], S = e.rows[I + 1];
           if (O === void 0 || S === void 0) return null;
-          const q = (g == null ? void 0 : g.direction) === "row" && (g.index === I || g.index === I + 1), tt = (O + S) / 2, et = S - O, ft = `row-dim-${I}`;
+          const X = (b == null ? void 0 : b.direction) === "row" && (b.index === I || b.index === I + 1), tt = (O + S) / 2, et = S - O, ft = `row-dim-${I}`;
           return /* @__PURE__ */ r.jsx(
             Ue,
             {
@@ -2757,7 +2757,7 @@ const ss = Y(
               currentPxSize: et,
               marginLeftPx: t.margin.left,
               marginTopPx: t.margin.top,
-              isNearCursor: j || q,
+              isNearCursor: j || X,
               onDimensionChange: N
             },
             ft
@@ -2916,24 +2916,24 @@ const ss = Y(
   subZIndex: h = Nt.CONTENT,
   validationState: v,
   className: x = ""
-}, b) => {
+}, g) => {
   const N = It(null);
   Mn(
-    b,
+    g,
     () => ({
       focus: () => {
-        var g;
-        return (g = N.current) == null ? void 0 : g.focus();
+        var b;
+        return (b = N.current) == null ? void 0 : b.focus();
       }
     }),
     []
   );
-  const _ = ye(f, h), p = {
+  const w = ye(f, h), p = {
     position: "absolute",
     inset: 0,
     width: `${c.width}px`,
     height: `${c.height}px`,
-    zIndex: _,
+    zIndex: w,
     pointerEvents: "auto"
     // クリックイベントを受け取る
   }, m = {
@@ -2962,7 +2962,7 @@ const ss = Y(
       children: /* @__PURE__ */ r.jsx(d, { ref: N, ...m })
     }
   );
-}, ds = Xe(us), je = Y(
+}, ds = qe(us), je = Y(
   ds
 );
 function Vn(t, e) {
@@ -2977,7 +2977,7 @@ function Vn(t, e) {
   };
 }
 const Fn = Y(
-  Xe(
+  qe(
     ({
       block: t,
       plugin: e,
@@ -2997,10 +2997,10 @@ const Fn = Y(
       },
       defaultGuideBorder: v = Qe,
       dpi: x = Z,
-      className: b = "",
+      className: g = "",
       pointerEvents: N = "none"
-    }, _) => {
-      var d, g, y, R;
+    }, w) => {
+      var d, b, y, R;
       const p = Vn(n, {
         zIndex: s,
         pointerEvents: N
@@ -3013,7 +3013,7 @@ const Fn = Y(
         {
           style: p,
           "data-block-id": t.id,
-          className: b,
+          className: g,
           children: [
             /* @__PURE__ */ r.jsx(
               as,
@@ -3024,7 +3024,7 @@ const Fn = Y(
                 subZIndex: h.bg
               }
             ),
-            c && !((g = t.style) != null && g.border) && /* @__PURE__ */ r.jsx(
+            c && !((b = t.style) != null && b.border) && /* @__PURE__ */ r.jsx(
               cs,
               {
                 blockSizePx: m,
@@ -3038,13 +3038,13 @@ const Fn = Y(
               je,
               {
                 id: t.id,
-                ref: _,
+                ref: w,
                 plugin: e,
                 props: t.props,
                 value: a,
                 onChange: i,
                 onBlur: l,
-                readOnly: o === _t.EDIT ? ((y = t.behavior) == null ? void 0 : y.readOnly) ?? !1 : !0,
+                readOnly: o === wt.EDIT ? ((y = t.behavior) == null ? void 0 : y.readOnly) ?? !1 : !0,
                 mode: o,
                 blockSizePx: m,
                 blockZIndex: s,
@@ -3089,17 +3089,17 @@ const Ne = Y(
     },
     defaultGuideBorder: v = Qe,
     dpi: x = Z,
-    className: b = ""
+    className: g = ""
   }) => {
-    const N = It(/* @__PURE__ */ new Map()), _ = {
+    const N = It(/* @__PURE__ */ new Map()), w = {
       position: "absolute",
       inset: 0,
       pointerEvents: "none"
     };
-    return /* @__PURE__ */ r.jsx("div", { className: b, style: _, "data-testid": "block-layer", children: t.map((p, m) => {
+    return /* @__PURE__ */ r.jsx("div", { className: g, style: w, "data-testid": "block-layer", children: t.map((p, m) => {
       const d = e[p.kind];
       if (!d) return null;
-      const g = a(p), y = o.includes(p.id);
+      const b = a(p), y = o.includes(p.id);
       let R = Wr(m);
       y && (R = W.SELECT_BLOCK);
       const G = s[p.id] ?? p.initValue;
@@ -3111,7 +3111,7 @@ const Ne = Y(
           },
           block: p,
           plugin: d,
-          blockRectPx: g,
+          blockRectPx: b,
           blockZIndex: R,
           mode: n,
           value: G,
@@ -3182,17 +3182,17 @@ class fs {
   }
 }
 const Ye = new fs();
-function wn(t, e, n, s) {
+function _n(t, e, n, s) {
   if (e < 0 || e >= t.length)
     return t;
   const o = [...t], a = o[e], i = o[e + 1];
-  return !a || !i ? t : a.unit === "fr" && i.unit === "fr" ? hs(o, e, n, s) : a.unit !== "fr" && i.unit !== "fr" ? ms(o, e, n) : a.unit === "fr" && i.unit !== "fr" ? _n(
+  return !a || !i ? t : a.unit === "fr" && i.unit === "fr" ? hs(o, e, n, s) : a.unit !== "fr" && i.unit !== "fr" ? ms(o, e, n) : a.unit === "fr" && i.unit !== "fr" ? wn(
     o,
     e,
     n,
     "next",
     s
-  ) : _n(
+  ) : wn(
     o,
     e,
     n,
@@ -3204,15 +3204,15 @@ function hs(t, e, n, s) {
   const o = t[e], a = t[e + 1];
   if (!o || !a) return t;
   const i = t.reduce(
-    (N, _) => _.unit === "fr" ? N + _.value : N,
+    (N, w) => w.unit === "fr" ? N + w.value : N,
     0
-  ), l = s / i, c = o.value * l, f = a.value * l, h = Math.max(10, c + n), v = Math.max(10, f - n), x = h / l, b = v / l;
+  ), l = s / i, c = o.value * l, f = a.value * l, h = Math.max(10, c + n), v = Math.max(10, f - n), x = h / l, g = v / l;
   return t[e] = {
     ...o,
     value: Math.round(x * 100) / 100
   }, t[e + 1] = {
     ...a,
-    value: Math.round(b * 100) / 100
+    value: Math.round(g * 100) / 100
   }, t;
 }
 function ms(t, e, n) {
@@ -3221,13 +3221,13 @@ function ms(t, e, n) {
   const a = K.fromDim(s), i = K.fromDim(o), l = Math.max(10, a + n), c = Math.max(10, i - n);
   return t[e] = {
     ...s,
-    value: ge(l, s.unit)
+    value: be(l, s.unit)
   }, t[e + 1] = {
     ...o,
-    value: ge(c, o.unit)
+    value: be(c, o.unit)
   }, t;
 }
-function _n(t, e, n, s, o) {
+function wn(t, e, n, s, o) {
   const a = t[e], i = t[e + 1];
   if (!a || !i) return t;
   let l = 0, c = 0;
@@ -3238,9 +3238,9 @@ function _n(t, e, n, s, o) {
     const v = K.fromDim(i), x = Math.max(10, v - n);
     t[e + 1] = {
       ...i,
-      value: ge(x, i.unit)
+      value: be(x, i.unit)
     };
-    const b = x - v, N = f - b, _ = a.value * h, p = Math.max(10, _ + n), m = l > 0 ? p / N * l : 1;
+    const g = x - v, N = f - g, w = a.value * h, p = Math.max(10, w + n), m = l > 0 ? p / N * l : 1;
     t[e] = {
       ...a,
       value: Math.round(m * 100) / 100
@@ -3249,9 +3249,9 @@ function _n(t, e, n, s, o) {
     const v = K.fromDim(a), x = Math.max(10, v + n);
     t[e] = {
       ...a,
-      value: ge(x, a.unit)
+      value: be(x, a.unit)
     };
-    const b = x - v, N = f - b, _ = i.value * h, p = Math.max(10, _ - n), m = l > 0 ? p / N * l : 1;
+    const g = x - v, N = f - g, w = i.value * h, p = Math.max(10, w - n), m = l > 0 ? p / N * l : 1;
     t[e + 1] = {
       ...i,
       value: Math.round(m * 100) / 100
@@ -3259,7 +3259,7 @@ function _n(t, e, n, s, o) {
   }
   return t;
 }
-function ge(t, e) {
+function be(t, e) {
   switch (e) {
     case "px":
       return Math.round(t);
@@ -3299,9 +3299,9 @@ function ps(t) {
   }
   return e;
 }
-const vs = 8, xs = 32, bs = 64, gs = 512, En = (t, e, n) => Math.min(Math.max(t, e), n);
+const vs = 8, xs = 32, gs = 64, bs = 512, En = (t, e, n) => Math.min(Math.max(t, e), n);
 function jn(t) {
-  const e = t.length - 1, n = e >= 1 ? t[e] ?? 0 : 0, s = t.length >= 1 ? n / e : 0, o = En(Math.ceil(Math.log2(e + 1)), vs, xs), a = En(s * 2, bs, gs);
+  const e = t.length - 1, n = e >= 1 ? t[e] ?? 0 : 0, s = t.length >= 1 ? n / e : 0, o = En(Math.ceil(Math.log2(e + 1)), vs, xs), a = En(s * 2, gs, bs);
   return { step: o, windowPx: a };
 }
 function Be(t, e) {
@@ -3404,17 +3404,17 @@ function ys(t) {
   const n = e.layout;
   return !(typeof n.x != "number" || typeof n.y != "number" || typeof n.w != "number" || typeof n.h != "number" || e.props !== void 0 && typeof e.props != "object");
 }
-function ws(t) {
+function _s(t) {
   return t === "fr" || t === "px" || t === "%";
 }
 function In(t) {
   return Array.isArray(t) ? t.every((e) => {
     if (typeof e != "object" || e === null) return !1;
     const n = e;
-    return typeof n.value == "number" && ws(n.unit);
+    return typeof n.value == "number" && _s(n.unit);
   }) : !1;
 }
-function _s(t) {
+function ws(t) {
   if (typeof t != "object" || t === null) return !1;
   const e = t;
   return In(e.cols) && In(e.rows);
@@ -3448,7 +3448,7 @@ function Ns(t) {
   const e = t;
   if (!Es(e.paper))
     throw new Error("Invalid paper definition");
-  if (!_s(e.grid))
+  if (!ws(e.grid))
     throw new Error("Invalid grid definition");
   if (!Array.isArray(e.blocks))
     throw new Error("blocks must be an array");
@@ -3543,13 +3543,13 @@ function tn(t, e, n = Z) {
   ), x = M(
     () => ze(e.rows, h),
     [e.rows, h]
-  ), b = M(
+  ), g = M(
     () => K.fromMm(s, n),
     [s, n]
   ), N = M(
     () => K.fromMm(o, n),
     [o, n]
-  ), _ = M(
+  ), w = M(
     () => K.fromMm(a, n),
     [a, n]
   ), p = M(
@@ -3561,26 +3561,26 @@ function tn(t, e, n = Z) {
   ), d = M(
     () => K.fromMm(c, n),
     [c, n]
-  ), g = M(
+  ), b = M(
     () => K.fromMm(f, n),
     [f, n]
   ), y = M(
     () => K.fromMm(h, n),
     [h, n]
   ), R = M(() => Ke(v, n), [v, n]), G = M(() => Ke(x, n), [x, n]), T = M(() => {
-    const X = [0];
+    const q = [0];
     for (const St of R) {
-      const kt = X[X.length - 1] ?? 0;
-      X.push(kt + St);
+      const kt = q[q.length - 1] ?? 0;
+      q.push(kt + St);
     }
-    return X;
+    return q;
   }, [R]), j = M(() => {
-    const X = [0];
+    const q = [0];
     for (const St of G) {
-      const kt = X[X.length - 1] ?? 0;
-      X.push(kt + St);
+      const kt = q[q.length - 1] ?? 0;
+      q.push(kt + St);
     }
-    return X;
+    return q;
   }, [G]), { step: A, windowPx: P } = M(
     () => jn(T),
     [T]
@@ -3594,38 +3594,38 @@ function tn(t, e, n = Z) {
     () => Nn(j, B, C),
     [j, B, C]
   ), I = $(
-    (X) => L(X - m),
+    (q) => L(q - m),
     [L, m]
   ), O = $(
-    (X) => E(X - _),
-    [E, _]
+    (q) => E(q - w),
+    [E, w]
   ), S = M(() => ({
     cols: T,
     rows: j
-  }), [T, j]), q = M(() => ({
-    width: b,
+  }), [T, j]), X = M(() => ({
+    width: g,
     height: N
-  }), [b, N]), tt = M(() => ({
-    top: _,
+  }), [g, N]), tt = M(() => ({
+    top: w,
     bottom: p,
     left: m,
     right: d
-  }), [_, p, m, d]), et = M(() => ({
-    width: g,
+  }), [w, p, m, d]), et = M(() => ({
+    width: b,
     height: y
-  }), [g, y]), ft = M(() => ({
-    canvas: q,
+  }), [b, y]), ft = M(() => ({
+    canvas: X,
     margin: tt,
     content: et
-  }), [q, tt, et]), ut = $(
-    (X) => {
-      const { x: St, y: kt, w: Zt, h: Qt } = X.layout, Dt = S.cols, Rt = S.rows;
+  }), [X, tt, et]), ut = $(
+    (q) => {
+      const { x: St, y: kt, w: Zt, h: Qt } = q.layout, Dt = S.cols, Rt = S.rows;
       if (!Dt.length || !Rt.length)
         return { left: 0, top: 0, width: 0, height: 0 };
-      const Vt = Math.min(Math.max(0, St), Dt.length - 1), De = Math.min(Math.max(0, St + Zt), Dt.length - 1), te = Math.min(Math.max(0, kt), Rt.length - 1), $e = Math.min(Math.max(0, kt + Qt), Rt.length - 1), Re = (Dt[Vt] ?? 0) + m, Yt = (Rt[te] ?? 0) + _, Ft = (Dt[De] ?? 0) - (Dt[Vt] ?? 0), me = (Rt[$e] ?? 0) - (Rt[te] ?? 0);
+      const Vt = Math.min(Math.max(0, St), Dt.length - 1), De = Math.min(Math.max(0, St + Zt), Dt.length - 1), te = Math.min(Math.max(0, kt), Rt.length - 1), $e = Math.min(Math.max(0, kt + Qt), Rt.length - 1), Re = (Dt[Vt] ?? 0) + m, Yt = (Rt[te] ?? 0) + w, Ft = (Dt[De] ?? 0) - (Dt[Vt] ?? 0), me = (Rt[$e] ?? 0) - (Rt[te] ?? 0);
       return { left: Re, top: Yt, width: Ft, height: me };
     },
-    [S, m, _]
+    [S, m, w]
   );
   return {
     paperPx: ft,
@@ -3684,7 +3684,7 @@ const Wn = Y(
             {
               blocks: t.blocks,
               pluginRegistry: n,
-              mode: _t.EDIT,
+              mode: wt.EDIT,
               values: e,
               getBlockRectPx: c,
               onValueChange: f,
@@ -3856,7 +3856,7 @@ const Ie = {
   select_border: W.BLOCK_SELECT_BORDER,
   block_handles: W.BLOCK_HANDLES,
   rubber_band: W.RUBBER_BAND
-}, $s = "_interactionBlock_145kg_7", Rs = "_resizeHandle_145kg_7", Yn = {
+}, $s = "_interactionBlock_7lg72_13", Rs = "_resizeHandle_7lg72_13", Yn = {
   interactionBlock: $s,
   resizeHandle: Rs
 }, Ts = [
@@ -3882,8 +3882,8 @@ const Ie = {
         "div",
         {
           className: Yn.resizeHandle,
-          onPointerDown: (b) => {
-            b.stopPropagation(), t(b, i);
+          onPointerDown: (g) => {
+            g.stopPropagation(), t(g, i);
           },
           style: {
             position: "absolute",
@@ -4000,30 +4000,30 @@ const Kn = Y(
   }) => {
     const x = t[a];
     if (!x) return null;
-    let b;
+    let g;
     if (l && o) {
-      const _ = Xt(x, {
+      const w = qt(x, {
         x: 0,
         y: 0,
         w: i.w,
         h: i.h
-      }), p = n(_);
-      b = {
+      }), p = n(w);
+      g = {
         left: o.x - p.width / 2,
         top: o.y - p.height / 2,
         width: p.width,
         height: p.height
       };
     } else {
-      const _ = e.cols - i.w, p = e.rows - i.h, m = Math.max(0, Math.min(s.col, _)), d = Math.max(0, Math.min(s.row, p)), g = Xt(x, {
+      const w = e.cols - i.w, p = e.rows - i.h, m = Math.max(0, Math.min(s.col, w)), d = Math.max(0, Math.min(s.row, p)), b = qt(x, {
         x: m,
         y: d,
         w: i.w,
         h: i.h
       });
-      b = n(g);
+      g = n(b);
     }
-    const N = Xt(x, {
+    const N = qt(x, {
       x: 0,
       y: 0,
       w: i.w,
@@ -4044,10 +4044,10 @@ const Kn = Y(
             {
               style: {
                 position: "absolute",
-                left: `${b.left}px`,
-                top: `${b.top}px`,
-                width: `${b.width}px`,
-                height: `${b.height}px`,
+                left: `${g.left}px`,
+                top: `${g.top}px`,
+                width: `${g.width}px`,
+                height: `${g.height}px`,
                 opacity: l ? 0.3 : 0.6,
                 filter: l ? "grayscale(100%)" : "none",
                 zIndex: f
@@ -4062,8 +4062,8 @@ const Kn = Y(
                   onChange: () => {
                   },
                   readOnly: !0,
-                  mode: _t.EDIT,
-                  blockSizePx: b,
+                  mode: wt.EDIT,
+                  blockSizePx: g,
                   blockZIndex: f
                 }
               )
@@ -4073,7 +4073,7 @@ const Kn = Y(
             he,
             {
               block: N,
-              rect: b,
+              rect: g,
               selectionStyle: c,
               selectBorderZIndex: h,
               blockHandlesZIndex: v
@@ -4091,17 +4091,17 @@ function Hn(t, e, n, s, o) {
   if (t.length === 1) {
     const m = t[0];
     if (!m) return [];
-    const d = s - m.layout.w, g = o - m.layout.h, y = Math.max(0, Math.min(m.layout.x + e, d)), R = Math.max(0, Math.min(m.layout.y + n, g));
+    const d = s - m.layout.w, b = o - m.layout.h, y = Math.max(0, Math.min(m.layout.x + e, d)), R = Math.max(0, Math.min(m.layout.y + n, b));
     return [{ blockId: m.id, x: y, y: R }];
   }
-  const a = Math.min(...t.map((m) => m.layout.x)), i = Math.min(...t.map((m) => m.layout.y)), l = Math.max(...t.map((m) => m.layout.x + m.layout.w)), c = Math.max(...t.map((m) => m.layout.y + m.layout.h)), f = l - a, h = c - i, v = a + e, x = i + n, b = Math.max(0, Math.min(v, s - f)), N = Math.max(0, Math.min(x, o - h)), _ = b - a, p = N - i;
+  const a = Math.min(...t.map((m) => m.layout.x)), i = Math.min(...t.map((m) => m.layout.y)), l = Math.max(...t.map((m) => m.layout.x + m.layout.w)), c = Math.max(...t.map((m) => m.layout.y + m.layout.h)), f = l - a, h = c - i, v = a + e, x = i + n, g = Math.max(0, Math.min(v, s - f)), N = Math.max(0, Math.min(x, o - h)), w = g - a, p = N - i;
   return t.map((m) => ({
     blockId: m.id,
-    x: m.layout.x + _,
+    x: m.layout.x + w,
     y: m.layout.y + p
   }));
 }
-const qn = Y(
+const Xn = Y(
   ({
     blocks: t,
     pluginRegistry: e,
@@ -4117,8 +4117,8 @@ const qn = Y(
     selectBorderZIndex: v = ct.select_border,
     blockHandlesZIndex: x = ct.block_handles
   }) => {
-    const b = o.map((_) => t.find((p) => p.id === _)).filter(Boolean), N = Hn(
-      b,
+    const g = o.map((w) => t.find((p) => p.id === w)).filter(Boolean), N = Hn(
+      g,
       a,
       i,
       n.cols,
@@ -4133,8 +4133,8 @@ const qn = Y(
           inset: 0,
           pointerEvents: "none"
         },
-        children: o.map((_) => {
-          const p = t.find((y) => y.id === _);
+        children: o.map((w) => {
+          const p = t.find((y) => y.id === w);
           if (!p) return null;
           const m = e[p.kind];
           if (!m) return null;
@@ -4162,7 +4162,7 @@ const qn = Y(
             };
             d = s(R);
           }
-          const g = {
+          const b = {
             ...p,
             layout: {
               ...p.layout,
@@ -4187,14 +4187,14 @@ const qn = Y(
                 children: /* @__PURE__ */ r.jsx(
                   je,
                   {
-                    id: g.id,
+                    id: b.id,
                     plugin: m,
-                    props: g.props,
-                    value: g.initValue,
+                    props: b.props,
+                    value: b.initValue,
                     onChange: () => {
                     },
                     readOnly: !0,
-                    mode: _t.EDIT,
+                    mode: wt.EDIT,
                     blockSizePx: d,
                     blockZIndex: h,
                     className: "ghost-content"
@@ -4205,21 +4205,21 @@ const qn = Y(
             /* @__PURE__ */ r.jsx(
               he,
               {
-                block: g,
+                block: b,
                 rect: d,
                 selectionStyle: f,
                 selectBorderZIndex: v,
                 blockHandlesZIndex: x
               }
             )
-          ] }, _);
+          ] }, w);
         })
       }
     );
   }
 );
-qn.displayName = "MovingGhost";
-function Xn({
+Xn.displayName = "MovingGhost";
+function qn({
   layout: t,
   handle: e,
   deltaCol: n,
@@ -4260,18 +4260,18 @@ const Jn = Y(
     selectBorderZIndex: v = ct.select_border,
     blockHandlesZIndex: x = ct.block_handles
   }) => {
-    const b = t.find((d) => d.id === o), N = e[(b == null ? void 0 : b.kind) ?? ""];
-    if (!b || !N) return null;
-    const _ = Xn({
-      layout: b.layout,
+    const g = t.find((d) => d.id === o), N = e[(g == null ? void 0 : g.kind) ?? ""];
+    if (!g || !N) return null;
+    const w = qn({
+      layout: g.layout,
       handle: a,
       deltaCol: i,
       deltaRow: l,
       gridCols: n.cols,
       gridRows: n.rows
     }), p = {
-      ...b,
-      layout: _
+      ...g,
+      layout: w
     }, m = s(p);
     return /* @__PURE__ */ r.jsx(
       "div",
@@ -4306,7 +4306,7 @@ const Jn = Y(
                   onChange: () => {
                   },
                   readOnly: !0,
-                  mode: _t.EDIT,
+                  mode: wt.EDIT,
                   blockSizePx: m,
                   blockZIndex: h,
                   className: "resize-ghost-content"
@@ -4324,7 +4324,7 @@ const Jn = Y(
               blockHandlesZIndex: x
             }
           )
-        ] }, b.id)
+        ] }, g.id)
       }
     );
   }
@@ -4348,7 +4348,7 @@ const Zn = Y(
       // 移動モード
       case vt.MOVE:
         return /* @__PURE__ */ r.jsx(
-          qn,
+          Xn,
           {
             blocks: t,
             pluginRegistry: e,
@@ -4440,7 +4440,7 @@ const Ps = ({
     zIndex: l,
     pointerEvents: "auto"
     // クリックイベントを受け取る
-  }), b = {
+  }), g = {
     width: i.width,
     height: i.height
   }, N = {
@@ -4451,14 +4451,14 @@ const Ps = ({
     onBlur: a,
     readOnly: !1,
     // 編集中は常に編集可能
-    mode: _t.FORM,
+    mode: wt.FORM,
     // EditingBlockはFormモード専用
     dimensions: {
-      widthPx: b.width,
-      heightPx: b.height
+      widthPx: g.width,
+      heightPx: g.height
     },
     validationState: c
-  }, _ = e.Renderer;
+  }, w = e.Renderer;
   return /* @__PURE__ */ r.jsx(
     "div",
     {
@@ -4467,10 +4467,10 @@ const Ps = ({
       "data-testid": "editing-block",
       "data-block-id": t,
       "data-plugin-kind": e.kind,
-      children: /* @__PURE__ */ r.jsx(_, { ref: v, ...N })
+      children: /* @__PURE__ */ r.jsx(w, { ref: v, ...N })
     }
   );
-}, Ms = Xe(Ps), Os = Y(
+}, Ms = qe(Ps), Os = Y(
   Ms
 ), Qn = Y(
   ({
@@ -4497,23 +4497,23 @@ const Ps = ({
           pointerEvents: "none"
         },
         children: v.map((x) => {
-          const b = t.find((p) => p.id === x);
-          if (!b) return null;
-          const _ = (s == null ? void 0 : s.type) === vt.RESIZE && s.blockIds.includes(x) ? s == null ? void 0 : s.handle : null;
+          const g = t.find((p) => p.id === x);
+          if (!g) return null;
+          const w = (s == null ? void 0 : s.type) === vt.RESIZE && s.blockIds.includes(x) ? s == null ? void 0 : s.handle : null;
           return /* @__PURE__ */ r.jsx(
             he,
             {
-              block: b,
-              rect: o(b),
+              block: g,
+              rect: o(g),
               showHandles: !0,
               onResizeStart: (p, m) => a(p, m, x),
-              activeHandle: _,
+              activeHandle: w,
               selectionStyle: i,
               handleStyle: l,
               selectBorderZIndex: c,
               blockHandlesZIndex: f
             },
-            b.id
+            g.id
           );
         })
       }
@@ -4554,9 +4554,9 @@ const tr = Y(
     className: h = "",
     selectionStyle: v,
     handleStyle: x,
-    editBlockZIndex: b = W.EDIT_BLOCK,
+    editBlockZIndex: g = W.EDIT_BLOCK,
     selectBorderZIndex: N = ct.select_border,
-    blockHandlesZIndex: _ = ct.block_handles,
+    blockHandlesZIndex: w = ct.block_handles,
     dragGhostZIndex: p = ct.block_ghost
   }) => {
     const m = It(null), d = It(null);
@@ -4575,7 +4575,7 @@ const tr = Y(
         shiftKey: !1
       });
     }, [t, i.selectedBlockIds, l]);
-    const g = $(
+    const b = $(
       (j) => {
         var I;
         if (j.button !== 0) return;
@@ -4601,7 +4601,7 @@ const tr = Y(
           }), O && j.shiftKey) {
             console.log("[InteractionLayer] Shift+Click deselect:", C);
             const S = i.selectedBlockIds.filter(
-              (q) => q !== C
+              (X) => X !== C
             );
             console.log("[InteractionLayer] New selection:", S), l({
               type: U.SELECT,
@@ -4648,10 +4648,10 @@ const tr = Y(
         if (i.mode !== J.PRESSING && i.mode !== J.DRAGGING || !i.dragging) return;
         const A = (et = m.current) == null ? void 0 : et.getBoundingClientRect();
         if (!A) return;
-        const P = f ?? 1, B = A.width / P, C = A.height / P, L = (j.clientX - A.left) / P, E = (j.clientY - A.top) / P, I = i.dragging.type !== vt.RESIZE && (L < 0 || L > B || E < 0 || E > C), O = Math.max(0, Math.min(L, B)), S = Math.max(0, Math.min(E, C)), q = o(O), tt = a(S);
+        const P = f ?? 1, B = A.width / P, C = A.height / P, L = (j.clientX - A.left) / P, E = (j.clientY - A.top) / P, I = i.dragging.type !== vt.RESIZE && (L < 0 || L > B || E < 0 || E > C), O = Math.max(0, Math.min(L, B)), S = Math.max(0, Math.min(E, C)), X = o(O), tt = a(S);
         l({
           type: U.UPDATE_DRAG,
-          currentGrid: { col: q, row: tt },
+          currentGrid: { col: X, row: tt },
           currentMousePx: { x: L, y: E },
           isOutside: I
         });
@@ -4662,7 +4662,7 @@ const tr = Y(
         if (i.mode === J.DRAGGING && i.dragging) {
           if (i.dragging.isOutside) {
             i.dragging.type === vt.MOVE && (c == null || c({
-              type: wt.DELETE,
+              type: _t.DELETE,
               blockIds: i.dragging.blockIds
             }), l({ type: U.DESELECT })), l({ type: U.END_DRAG }), j.currentTarget.releasePointerCapture(j.pointerId);
             return;
@@ -4695,7 +4695,7 @@ const tr = Y(
                 } : E;
               });
               c == null || c({
-                type: wt.MOVE,
+                type: _t.MOVE,
                 blockIds: i.dragging.blockIds,
                 blocks: L
               });
@@ -4710,14 +4710,14 @@ const tr = Y(
                   { w: L.w, h: L.h },
                   n.cols,
                   n.rows
-                ), S = Xt(E, {
+                ), S = qt(E, {
                   x: I,
                   y: O,
                   w: L.w,
                   h: L.h
                 });
                 c == null || c({
-                  type: wt.ADD,
+                  type: _t.ADD,
                   blockIds: [S.id],
                   blocks: [S]
                 });
@@ -4726,7 +4726,7 @@ const tr = Y(
           } else if (i.dragging.type === vt.RESIZE) {
             const B = i.dragging.blockIds[0], C = t.find((E) => E.id === B), L = i.dragging.handle;
             if (C && L && (A !== 0 || P !== 0)) {
-              const E = Xn({
+              const E = qn({
                 layout: C.layout,
                 handle: L,
                 deltaCol: A,
@@ -4735,7 +4735,7 @@ const tr = Y(
                 gridRows: n.rows
               });
               (E.x !== C.layout.x || E.y !== C.layout.y || E.w !== C.layout.w || E.h !== C.layout.h) && (c == null || c({
-                type: wt.RESIZE,
+                type: _t.RESIZE,
                 blockIds: [C.id],
                 blocks: [{ ...C, layout: E }]
               }));
@@ -4743,7 +4743,7 @@ const tr = Y(
           }
           l({ type: U.END_DRAG });
         } else i.mode === J.PRESSING && i.dragging && (i.dragging.isOutside && i.dragging.type === vt.MOVE && (c == null || c({
-          type: wt.DELETE,
+          type: _t.DELETE,
           blockIds: i.dragging.blockIds
         }), l({ type: U.DESELECT })), l({ type: U.CANCEL_DRAG }));
         j.currentTarget.releasePointerCapture(j.pointerId);
@@ -4808,7 +4808,7 @@ const tr = Y(
         role: "application",
         "aria-label": "Interactive canvas layer",
         tabIndex: -1,
-        onPointerDown: g,
+        onPointerDown: b,
         onPointerMove: y,
         onPointerUp: R,
         onPointerLeave: T,
@@ -4829,20 +4829,20 @@ const tr = Y(
                 value: j.initValue,
                 onChange: (P) => {
                   c == null || c({
-                    type: wt.UPDATE,
+                    type: _t.UPDATE,
                     blockIds: [j.id],
                     blocks: [{ ...j, initValue: P }]
                   });
                 },
                 onBlur: (P) => {
                   c == null || c({
-                    type: wt.UPDATE,
+                    type: _t.UPDATE,
                     blockIds: [j.id],
                     blocks: [{ ...j, initValue: P }]
                   });
                 },
                 blockRectPx: s(j),
-                zIndex: b
+                zIndex: g
               }
             );
           })(),
@@ -4873,7 +4873,7 @@ const tr = Y(
               selectionStyle: v,
               handleStyle: x,
               selectBorderZIndex: N,
-              blockHandlesZIndex: _
+              blockHandlesZIndex: w
             }
           ),
           /* @__PURE__ */ r.jsx(
@@ -4887,7 +4887,7 @@ const tr = Y(
               selectionStyle: v,
               ghostZIndex: p,
               selectBorderZIndex: N,
-              blockHandlesZIndex: _
+              blockHandlesZIndex: w
             }
           )
         ]
@@ -4905,12 +4905,12 @@ const er = Y(
     scale: o = 1,
     className: a
   }) => {
-    const [i, l] = Ds(), { paperPx: c, gridPosPx: f, getBlockRectPx: h, getColIndex: v, getRowIndex: x } = tn(t.paper, t.grid, Z), b = $(
+    const [i, l] = Ds(), { paperPx: c, gridPosPx: f, getBlockRectPx: h, getColIndex: v, getRowIndex: x } = tn(t.paper, t.grid, Z), g = $(
       (y) => {
         if (n)
           switch (y.type) {
-            case wt.MOVE:
-            case wt.RESIZE: {
+            case _t.MOVE:
+            case _t.RESIZE: {
               if (!y.blocks) return;
               const R = t.blocks.map((G) => {
                 var j;
@@ -4919,7 +4919,7 @@ const er = Y(
               n({ ...t, blocks: R });
               break;
             }
-            case wt.ADD: {
+            case _t.ADD: {
               if (!y.blocks) return;
               n({
                 ...t,
@@ -4927,14 +4927,14 @@ const er = Y(
               });
               break;
             }
-            case wt.DELETE: {
+            case _t.DELETE: {
               const R = new Set(y.blockIds), G = t.blocks.filter(
                 (T) => !R.has(T.id)
               );
               n({ ...t, blocks: G });
               break;
             }
-            case wt.UPDATE: {
+            case _t.UPDATE: {
               if (!y.blocks) return;
               const R = t.blocks.map((G) => {
                 var P;
@@ -4969,12 +4969,12 @@ const er = Y(
     Ot(() => {
       s && s(i.selectedBlockIds);
     }, [i.selectedBlockIds, s]);
-    const _ = $(
+    const w = $(
       (y, R, G) => {
         if (!n) return;
         const T = R - 1;
         if (y === "column") {
-          const j = wn(
+          const j = _n(
             t.grid.cols,
             T,
             G,
@@ -4985,7 +4985,7 @@ const er = Y(
             grid: { ...t.grid, cols: j }
           });
         } else {
-          const j = wn(
+          const j = _n(
             t.grid.rows,
             T,
             G,
@@ -5029,14 +5029,14 @@ const er = Y(
         pluginKind: y.kind,
         defaultSize: y.defaultSize
       });
-    }, [i.mode, l]), g = $(() => {
+    }, [i.mode, l]), b = $(() => {
     }, []);
     return /* @__PURE__ */ r.jsxs(
       "div",
       {
         className: a,
         onPointerEnter: d,
-        onPointerLeave: g,
+        onPointerLeave: b,
         style: {
           position: "relative",
           width: `${c.canvas.width}px`,
@@ -5062,7 +5062,7 @@ const er = Y(
               showBorder: !0,
               showResizeHandles: !0,
               showDimensionLabels: !0,
-              onGridResize: _,
+              onGridResize: w,
               onDimensionChange: p,
               gridLineStyle: {
                 color: "#e5e7eb",
@@ -5083,7 +5083,7 @@ const er = Y(
             {
               blocks: t.blocks,
               pluginRegistry: e,
-              mode: _t.FORM,
+              mode: wt.FORM,
               values: m,
               selectedBlockIds: i.selectedBlockIds,
               getBlockRectPx: h,
@@ -5106,7 +5106,7 @@ const er = Y(
               getRowIndex: x,
               state: i,
               onChange: l,
-              onBlockChange: b,
+              onBlockChange: g,
               scale: o
             }
           )
@@ -5159,7 +5159,7 @@ const nr = Y(
             {
               blocks: t.blocks,
               pluginRegistry: n,
-              mode: _t.VIEW,
+              mode: wt.VIEW,
               values: e,
               getBlockRectPx: l,
               showGuides: !1,
@@ -5190,7 +5190,7 @@ const Ls = Y(
       },
       [e, a]
     );
-    return n === _t.FORM ? /* @__PURE__ */ r.jsx(
+    return n === wt.FORM ? /* @__PURE__ */ r.jsx(
       er,
       {
         schema: t,
@@ -5200,7 +5200,7 @@ const Ls = Y(
         scale: l,
         className: c
       }
-    ) : n === _t.EDIT ? /* @__PURE__ */ r.jsx(
+    ) : n === wt.EDIT ? /* @__PURE__ */ r.jsx(
       Wn,
       {
         schema: t,
@@ -5236,7 +5236,7 @@ function Mt(t, e) {
   }, s = e.split("."), o = n(t[0], s);
   return t.every((i) => n(i, s) === o) ? o : void 0;
 }
-const Ss = "_container_1tfjv_1", ks = "_row_1tfjv_20", Gs = "_inputWrapper_1tfjv_37", Ve = {
+const Ss = "_container_1nwxd_1", ks = "_row_1nwxd_39", Gs = "_inputWrapper_1nwxd_73", Ve = {
   container: Ss,
   row: ks,
   inputWrapper: Gs
@@ -5257,7 +5257,7 @@ const Ss = "_container_1tfjv_1", ks = "_row_1tfjv_20", Gs = "_inputWrapper_1tfjv
     }), e(o);
   };
   return /* @__PURE__ */ r.jsx("div", { className: Ve.container, children: /* @__PURE__ */ r.jsx("div", { className: Ve.row, children: /* @__PURE__ */ r.jsx("div", { className: Ve.inputWrapper, children: /* @__PURE__ */ r.jsx(
-    we,
+    _e,
     {
       value: Mt(t, "style.backgroundColor"),
       onChange: n,
@@ -5296,14 +5296,14 @@ const Vs = ({
   const n = (i, l, c) => {
     const f = {};
     t.forEach((h) => {
-      var x, b, N;
+      var x, g, N;
       let v = At(
         h.style || {},
         `border.${i}.${l}`,
         c
       );
       if (l === "type" && c == null && (v = At(v, `border.${i}.width`, void 0), v = At(v, `border.${i}.color`, void 0)), l === "type" && c !== void 0 && c !== null) {
-        const _ = (x = h.style) == null ? void 0 : x.border, p = _ == null ? void 0 : _[i];
+        const w = (x = h.style) == null ? void 0 : x.border, p = w == null ? void 0 : w[i];
         p != null && p.width || (v = At(v, `border.${i}.width`, {
           value: 1,
           unit: "px"
@@ -5314,7 +5314,7 @@ const Vs = ({
         ));
       }
       if (l === "color" && c !== void 0 && c !== null) {
-        const _ = (b = h.style) == null ? void 0 : b.border, p = _ == null ? void 0 : _[i];
+        const w = (g = h.style) == null ? void 0 : g.border, p = w == null ? void 0 : w[i];
         p != null && p.type || (v = At(
           v,
           `border.${i}.type`,
@@ -5325,7 +5325,7 @@ const Vs = ({
         }));
       }
       if (l === "width" && c !== void 0 && c !== null) {
-        const _ = (N = h.style) == null ? void 0 : N.border, p = _ == null ? void 0 : _[i];
+        const w = (N = h.style) == null ? void 0 : N.border, p = w == null ? void 0 : w[i];
         p != null && p.type || (v = At(
           v,
           `border.${i}.type`,
@@ -5390,7 +5390,7 @@ const Vs = ({
           }
         ),
         /* @__PURE__ */ r.jsx(
-          we,
+          _e,
           {
             value: Mt(t, `style.border.${i}.color`),
             onChange: (l) => n(i, "color", l),
@@ -5570,7 +5570,7 @@ const Vs = ({
       ]
     }
   );
-}, Fs = "_container_1daw7_1", Us = "_grid_1daw7_19", Ws = "_field_1daw7_26", Ys = "_label_1daw7_33", zs = "_inputWrapper_1daw7_43", gt = {
+}, Fs = "_container_2914u_1", Us = "_grid_2914u_37", Ws = "_field_2914u_51", Ys = "_label_2914u_65", zs = "_inputWrapper_2914u_85", bt = {
   container: Fs,
   grid: Us,
   field: Ws,
@@ -5592,10 +5592,10 @@ const Vs = ({
         ...t.map((m) => m.layout.x + m.layout.w)
       ), x = Math.max(
         ...t.map((m) => m.layout.y + m.layout.h)
-      ), b = v - (o ?? 0), N = x - (a ?? 0);
-      let _ = c;
-      l === "x" && n ? _ = Math.max(0, Math.min(c, n.cols - b)) : l === "y" && n ? _ = Math.max(0, Math.min(c, n.rows - N)) : _ = Math.max(0, c);
-      const p = _ - h;
+      ), g = v - (o ?? 0), N = x - (a ?? 0);
+      let w = c;
+      l === "x" && n ? w = Math.max(0, Math.min(c, n.cols - g)) : l === "y" && n ? w = Math.max(0, Math.min(c, n.rows - N)) : w = Math.max(0, c);
+      const p = w - h;
       t.forEach((m) => {
         const d = m.layout[l] + p;
         f[m.id] = {
@@ -5622,10 +5622,10 @@ const Vs = ({
       });
     e(f);
   };
-  return /* @__PURE__ */ r.jsx("div", { className: gt.container, children: /* @__PURE__ */ r.jsxs("div", { className: gt.grid, children: [
-    /* @__PURE__ */ r.jsxs("div", { className: gt.field, children: [
-      /* @__PURE__ */ r.jsx("span", { className: gt.label, children: "X" }),
-      /* @__PURE__ */ r.jsx("div", { className: gt.inputWrapper, children: /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ r.jsx("div", { className: bt.container, children: /* @__PURE__ */ r.jsxs("div", { className: bt.grid, children: [
+    /* @__PURE__ */ r.jsxs("div", { className: bt.field, children: [
+      /* @__PURE__ */ r.jsx("span", { className: bt.label, children: "X" }),
+      /* @__PURE__ */ r.jsx("div", { className: bt.inputWrapper, children: /* @__PURE__ */ r.jsx(
         yt,
         {
           value: s ? o : Mt(t, "layout.x"),
@@ -5638,9 +5638,9 @@ const Vs = ({
         }
       ) })
     ] }),
-    /* @__PURE__ */ r.jsxs("div", { className: gt.field, children: [
-      /* @__PURE__ */ r.jsx("span", { className: gt.label, children: "Y" }),
-      /* @__PURE__ */ r.jsx("div", { className: gt.inputWrapper, children: /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ r.jsxs("div", { className: bt.field, children: [
+      /* @__PURE__ */ r.jsx("span", { className: bt.label, children: "Y" }),
+      /* @__PURE__ */ r.jsx("div", { className: bt.inputWrapper, children: /* @__PURE__ */ r.jsx(
         yt,
         {
           value: s ? a : Mt(t, "layout.y"),
@@ -5653,9 +5653,9 @@ const Vs = ({
         }
       ) })
     ] }),
-    !s && /* @__PURE__ */ r.jsxs("div", { className: gt.field, children: [
-      /* @__PURE__ */ r.jsx("span", { className: gt.label, children: "W" }),
-      /* @__PURE__ */ r.jsx("div", { className: gt.inputWrapper, children: /* @__PURE__ */ r.jsx(
+    !s && /* @__PURE__ */ r.jsxs("div", { className: bt.field, children: [
+      /* @__PURE__ */ r.jsx("span", { className: bt.label, children: "W" }),
+      /* @__PURE__ */ r.jsx("div", { className: bt.inputWrapper, children: /* @__PURE__ */ r.jsx(
         yt,
         {
           value: Mt(t, "layout.w"),
@@ -5668,9 +5668,9 @@ const Vs = ({
         }
       ) })
     ] }),
-    !s && /* @__PURE__ */ r.jsxs("div", { className: gt.field, children: [
-      /* @__PURE__ */ r.jsx("span", { className: gt.label, children: "H" }),
-      /* @__PURE__ */ r.jsx("div", { className: gt.inputWrapper, children: /* @__PURE__ */ r.jsx(
+    !s && /* @__PURE__ */ r.jsxs("div", { className: bt.field, children: [
+      /* @__PURE__ */ r.jsx("span", { className: bt.label, children: "H" }),
+      /* @__PURE__ */ r.jsx("div", { className: bt.inputWrapper, children: /* @__PURE__ */ r.jsx(
         yt,
         {
           value: Mt(t, "layout.h"),
@@ -5684,10 +5684,10 @@ const Vs = ({
       ) })
     ] })
   ] }) });
-}, Hs = "_container_1h4w8_1", qs = "_row_1h4w8_10", Xs = "_label_1h4w8_16", Js = "_inputWrapper_1h4w8_25", qt = {
+}, Hs = "_container_razoq_1", Xs = "_row_razoq_19", qs = "_label_razoq_31", Js = "_inputWrapper_razoq_49", Xt = {
   container: Hs,
-  row: qs,
-  label: Xs,
+  row: Xs,
+  label: qs,
   inputWrapper: Js
 }, Zs = ({
   selectedBlocks: t,
@@ -5717,10 +5717,10 @@ const Vs = ({
       };
     }), e(f);
   };
-  return /* @__PURE__ */ r.jsxs("div", { className: qt.container, children: [
-    t.length === 1 && /* @__PURE__ */ r.jsxs("div", { className: qt.row, children: [
-      /* @__PURE__ */ r.jsx("span", { className: qt.label, children: "ID" }),
-      /* @__PURE__ */ r.jsx("div", { className: qt.inputWrapper, children: /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ r.jsxs("div", { className: Xt.container, children: [
+    t.length === 1 && /* @__PURE__ */ r.jsxs("div", { className: Xt.row, children: [
+      /* @__PURE__ */ r.jsx("span", { className: Xt.label, children: "ID" }),
+      /* @__PURE__ */ r.jsx("div", { className: Xt.inputWrapper, children: /* @__PURE__ */ r.jsx(
         de,
         {
           value: n,
@@ -5731,7 +5731,7 @@ const Vs = ({
         }
       ) })
     ] }),
-    t.length > 0 && /* @__PURE__ */ r.jsx("div", { className: qt.row, children: /* @__PURE__ */ r.jsx("div", { className: qt.inputWrapper, children: /* @__PURE__ */ r.jsx(
+    t.length > 0 && /* @__PURE__ */ r.jsx("div", { className: Xt.row, children: /* @__PURE__ */ r.jsx("div", { className: Xt.inputWrapper, children: /* @__PURE__ */ r.jsx(
       Pt,
       {
         label: "読み取り専用",
@@ -5740,7 +5740,7 @@ const Vs = ({
       }
     ) }) })
   ] });
-}, Qs = "_container_wa11y_1", ti = "_scrollArea_wa11y_18", ei = "_section_wa11y_26", ni = "_sectionTitle_wa11y_35", ri = "_subsection_wa11y_47", oi = "_subsectionTitle_wa11y_51", si = "_fields_wa11y_59", ii = "_emptyState_wa11y_69", ht = {
+}, Qs = "_container_1axrl_1", ti = "_scrollArea_1axrl_35", ei = "_section_1axrl_51", ni = "_sectionTitle_1axrl_69", ri = "_subsection_1axrl_93", oi = "_subsectionTitle_1axrl_101", si = "_fields_1axrl_117", ii = "_emptyState_1axrl_137", ht = {
   container: Qs,
   scrollArea: ti,
   section: ei,
@@ -5749,7 +5749,7 @@ const Vs = ({
   subsectionTitle: oi,
   fields: si,
   emptyState: ii
-}, ai = "_field_qo0ef_1", li = "_label_qo0ef_7", ci = "_mixed_qo0ef_15", ui = "_description_qo0ef_22", be = {
+}, ai = "_field_1f6zx_1", li = "_label_1f6zx_13", ci = "_mixed_1f6zx_29", ui = "_description_1f6zx_43", ge = {
   field: ai,
   label: li,
   mixed: ci,
@@ -5774,11 +5774,11 @@ const Vs = ({
         placeholder: c ? "複数選択中 (値が異なります)" : (h = e.config) == null ? void 0 : h.placeholder
       }
     };
-    return /* @__PURE__ */ r.jsxs("div", { className: be.field, children: [
-      e.label && /* @__PURE__ */ r.jsx("div", { className: be.label, title: e.description, children: e.label }),
+    return /* @__PURE__ */ r.jsxs("div", { className: ge.field, children: [
+      e.label && /* @__PURE__ */ r.jsx("div", { className: ge.label, title: e.description, children: e.label }),
       /* @__PURE__ */ r.jsx(o, { ...f }),
-      c && /* @__PURE__ */ r.jsx("span", { className: be.mixed, children: "(混在)" }),
-      e.description && /* @__PURE__ */ r.jsx("p", { className: be.description, children: e.description })
+      c && /* @__PURE__ */ r.jsx("span", { className: ge.mixed, children: "(混在)" }),
+      e.description && /* @__PURE__ */ r.jsx("p", { className: ge.description, children: e.description })
     ] });
   }
 );
@@ -5808,9 +5808,9 @@ const or = Y(
       else {
         const x = t.map((p) => e[p.kind]).filter((p) => p !== void 0);
         if (x.length === 0) return {};
-        const b = x[0];
-        if (!b) return {};
-        const N = new Set(Object.keys(b.properties));
+        const g = x[0];
+        if (!g) return {};
+        const N = new Set(Object.keys(g.properties));
         v = Array.from(N).filter(
           (p) => x.every((m) => p in m.properties)
         ).map(
@@ -5822,21 +5822,21 @@ const or = Y(
           (p) => p !== null
         );
       }
-      return v.forEach(([x, b]) => {
-        if (!di(b) || t.length > 1 && b.disableInMultiSelection || b.condition && !b.condition(a.props))
+      return v.forEach(([x, g]) => {
+        if (!di(g) || t.length > 1 && g.disableInMultiSelection || g.condition && !g.condition(a.props))
           return;
-        const N = b.group || "基本";
-        h[N] || (h[N] = []), b.Component && h[N].push({
+        const N = g.group || "基本";
+        h[N] || (h[N] = []), g.Component && h[N].push({
           key: x,
-          definition: b
+          definition: g
         });
       }), h;
     }, [i, e, t, a, l]), f = (h, v) => {
       const x = {};
-      t.forEach((b) => {
-        x[b.id] = {
+      t.forEach((g) => {
+        x[g.id] = {
           props: {
-            ...b.props,
+            ...g.props,
             [h]: v
           }
         };
@@ -5880,11 +5880,11 @@ const or = Y(
       ] }),
       i && Object.keys(c).length > 0 && /* @__PURE__ */ r.jsx("div", { className: ht.section, children: Object.entries(c).map(([h, v]) => /* @__PURE__ */ r.jsxs("div", { className: ht.subsection, children: [
         /* @__PURE__ */ r.jsx("div", { className: ht.subsectionTitle, children: h }),
-        /* @__PURE__ */ r.jsx("div", { className: ht.fields, children: v.map(({ key: x, definition: b }) => /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ r.jsx("div", { className: ht.fields, children: v.map(({ key: x, definition: g }) => /* @__PURE__ */ r.jsx(
           rr,
           {
             propertyKey: x,
-            definition: b,
+            definition: g,
             selectedBlocks: t,
             onChange: f
           },
@@ -5905,7 +5905,7 @@ const or = Y(
   }
 );
 or.displayName = "BlockPropertyPanel";
-const fi = "_container_naj39_3", hi = "_paletteItems_naj39_32", mi = "_item_naj39_44", pi = "_itemPreview_naj39_77", vi = "_itemName_naj39_106", ue = {
+const fi = "_container_8182q_5", hi = "_paletteItems_8182q_63", mi = "_item_8182q_87", pi = "_itemPreview_8182q_153", vi = "_itemName_8182q_211", ue = {
   container: fi,
   paletteItems: hi,
   item: mi,
@@ -5950,7 +5950,7 @@ const fi = "_container_naj39_3", hi = "_paletteItems_naj39_32", mi = "_item_naj3
 };
 sr.displayName = "PalettePanel";
 const ir = ({ plugin: t, onDragStart: e }) => {
-  const n = M(() => Xt(
+  const n = M(() => qt(
     t,
     {
       x: 0,
@@ -5991,7 +5991,7 @@ const ir = ({ plugin: t, onDragStart: e }) => {
             onChange: () => {
             },
             readOnly: !0,
-            mode: _t.FORM
+            mode: wt.FORM
           }
         ) })
       ]
@@ -6000,7 +6000,7 @@ const ir = ({ plugin: t, onDragStart: e }) => {
 };
 ir.displayName = "PaletteItem";
 const ar = ({ plugin: t, mousePos: e }) => {
-  const n = M(() => Xt(
+  const n = M(() => qt(
     t,
     {
       x: 0,
@@ -6043,20 +6043,20 @@ const ar = ({ plugin: t, mousePos: e }) => {
           onChange: () => {
           },
           readOnly: !0,
-          mode: _t.FORM
+          mode: wt.FORM
         }
       )
     }
   );
 };
 ar.displayName = "DragGhost";
-const xi = "_panel_1ekwd_6", bi = "_title_1ekwd_10", gi = "_content_1ekwd_22", yi = "_description_1ekwd_29", wi = "_list_1ekwd_35", _i = "_item_1ekwd_44", Ei = "_dragging_1ekwd_61", ji = "_dragOver_1ekwd_66", Ni = "_dragHandle_1ekwd_71", Ii = "_itemInfo_1ekwd_86", Di = "_itemId_1ekwd_93", $i = "_itemMeta_1ekwd_98", Ri = "_itemKind_1ekwd_105", Ti = "_itemActions_1ekwd_113", Ci = "_actionButton_1ekwd_118", Pi = "_empty_1ekwd_154", it = {
+const xi = "_panel_1p81n_11", gi = "_title_1p81n_19", bi = "_content_1p81n_43", yi = "_description_1p81n_57", _i = "_list_1p81n_69", wi = "_item_1p81n_87", Ei = "_dragging_1p81n_121", ji = "_dragOver_1p81n_131", Ni = "_dragHandle_1p81n_141", Ii = "_itemInfo_1p81n_171", Di = "_itemId_1p81n_185", $i = "_itemMeta_1p81n_195", Ri = "_itemKind_1p81n_209", Ti = "_itemActions_1p81n_225", Ci = "_actionButton_1p81n_235", Pi = "_empty_1p81n_307", it = {
   panel: xi,
-  title: bi,
-  content: gi,
+  title: gi,
+  content: bi,
   description: yi,
-  list: wi,
-  item: _i,
+  list: _i,
+  item: wi,
   dragging: Ei,
   dragOver: ji,
   dragHandle: Ni,
@@ -6075,59 +6075,59 @@ const xi = "_panel_1ekwd_6", bi = "_title_1ekwd_10", gi = "_content_1ekwd_22", y
     (p) => {
       const m = t.findIndex((y) => y.id === p);
       if (m === -1 || m === t.length - 1) return;
-      const d = [...t], [g] = d.splice(m, 1);
-      g && (d.push(g), e(d));
+      const d = [...t], [b] = d.splice(m, 1);
+      b && (d.push(b), e(d));
     },
     [t, e]
   ), c = $(
     (p) => {
       const m = t.findIndex((y) => y.id === p);
       if (m === -1 || m === 0) return;
-      const d = [...t], [g] = d.splice(m, 1);
-      g && (d.unshift(g), e(d));
+      const d = [...t], [b] = d.splice(m, 1);
+      b && (d.unshift(b), e(d));
     },
     [t, e]
   ), f = $(
     (p) => {
       const m = t.findIndex((R) => R.id === p);
       if (m === -1 || m === t.length - 1) return;
-      const d = [...t], g = d[m], y = d[m + 1];
-      !g || !y || (d[m] = y, d[m + 1] = g, e(d));
+      const d = [...t], b = d[m], y = d[m + 1];
+      !b || !y || (d[m] = y, d[m + 1] = b, e(d));
     },
     [t, e]
   ), h = $(
     (p) => {
       const m = t.findIndex((R) => R.id === p);
       if (m === -1 || m === 0) return;
-      const d = [...t], g = d[m], y = d[m - 1];
-      !g || !y || (d[m] = y, d[m - 1] = g, e(d));
+      const d = [...t], b = d[m], y = d[m - 1];
+      !b || !y || (d[m] = y, d[m - 1] = b, e(d));
     },
     [t, e]
   ), v = $(
     (p, m) => {
-      var g;
+      var b;
       s(m), p.dataTransfer.effectAllowed = "move";
       const d = t.length - 1 - m;
-      p.currentTarget && p.dataTransfer.setData("text/plain", ((g = t[d]) == null ? void 0 : g.id) || "");
+      p.currentTarget && p.dataTransfer.setData("text/plain", ((b = t[d]) == null ? void 0 : b.id) || "");
     },
     [t]
   ), x = $(() => {
     s(null), a(null);
-  }, []), b = $(
+  }, []), g = $(
     (p, m) => {
       p.preventDefault(), p.dataTransfer.dropEffect = "move", !(n === null || n === m) && a(m);
     },
     [n]
   ), N = $(() => {
     a(null);
-  }, []), _ = $(
+  }, []), w = $(
     (p, m) => {
       if (p.preventDefault(), n === null || n === m) {
         s(null), a(null);
         return;
       }
-      const d = t.length - 1 - n, g = t.length - 1 - m, y = [...t], [R] = y.splice(d, 1);
-      R && (y.splice(g, 0, R), e(y), s(null), a(null));
+      const d = t.length - 1 - n, b = t.length - 1 - m, y = [...t], [R] = y.splice(d, 1);
+      R && (y.splice(b, 0, R), e(y), s(null), a(null));
     },
     [t, n, e]
   );
@@ -6141,9 +6141,9 @@ const xi = "_panel_1ekwd_6", bi = "_title_1ekwd_10", gi = "_content_1ekwd_22", y
           "li",
           {
             className: `${it.item} ${n === m ? it.dragging : ""} ${o === m ? it.dragOver : ""}`,
-            onDragOver: (g) => b(g, m),
+            onDragOver: (b) => g(b, m),
             onDragLeave: N,
-            onDrop: (g) => _(g, m),
+            onDrop: (b) => w(b, m),
             children: [
               /* @__PURE__ */ r.jsx(
                 "button",
@@ -6152,7 +6152,7 @@ const xi = "_panel_1ekwd_6", bi = "_title_1ekwd_10", gi = "_content_1ekwd_22", y
                   className: it.dragHandle,
                   title: "ドラッグして並び替え",
                   draggable: !0,
-                  onDragStart: (g) => v(g, m),
+                  onDragStart: (b) => v(b, 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: "ドラッグハンドル" }),
@@ -6271,7 +6271,7 @@ const xi = "_panel_1ekwd_6", bi = "_title_1ekwd_10", gi = "_content_1ekwd_22", y
   ] });
 };
 lr.displayName = "BlockOrderPanel";
-const Mi = "_container_1bfk3_6", Oi = "_scrollArea_1bfk3_23", Ai = "_emptyState_1bfk3_31", Fe = {
+const Mi = "_container_1sn14_11", Oi = "_scrollArea_1sn14_45", Ai = "_emptyState_1sn14_61", Fe = {
   container: Mi,
   scrollArea: Oi,
   emptyState: Ai
@@ -6319,7 +6319,7 @@ const Mi = "_container_1bfk3_6", Oi = "_scrollArea_1bfk3_23", Ai = "_emptyState_
   ] });
 };
 ur.displayName = "CanvasPanel";
-const Li = "_panel_1axyd_6", Si = "_title_1axyd_10", ki = "_content_1axyd_22", Gi = "_field_1axyd_29", Bi = "_horizontal_1axyd_35", Vi = "_label_1axyd_41", Fi = "_gridSizeRow_1axyd_52", Tt = {
+const Li = "_panel_98kh0_11", Si = "_title_98kh0_19", ki = "_content_98kh0_43", Gi = "_field_98kh0_57", Bi = "_horizontal_98kh0_69", Vi = "_label_98kh0_81", Fi = "_gridSizeRow_98kh0_103", Tt = {
   panel: Li,
   title: Si,
   content: ki,
@@ -6394,15 +6394,15 @@ const Li = "_panel_1axyd_6", Si = "_title_1axyd_10", ki = "_content_1axyd_22", G
   ] });
 };
 dr.displayName = "GridSizePanel";
-const Ui = "_panel_qlcb6_6", Wi = "_header_qlcb6_10", Yi = "_title_qlcb6_20", zi = "_headerActions_qlcb6_29", Ki = "_content_qlcb6_33", Hi = "_field_qlcb6_37", qi = "_horizontal_qlcb6_43", Xi = "_label_qlcb6_49", Ji = "_marginsGrid_qlcb6_60", Zi = "_topMargin_qlcb6_66", Qi = "_bottomMargin_qlcb6_67", ta = "_sideMargins_qlcb6_73", st = {
+const Ui = "_panel_7447e_11", Wi = "_header_7447e_19", Yi = "_title_7447e_39", zi = "_headerActions_7447e_57", Ki = "_content_7447e_65", Hi = "_field_7447e_73", Xi = "_horizontal_7447e_85", qi = "_label_7447e_97", Ji = "_marginsGrid_7447e_119", Zi = "_topMargin_7447e_131", Qi = "_bottomMargin_7447e_133", ta = "_sideMargins_7447e_145", st = {
   panel: Ui,
   header: Wi,
   title: Yi,
   headerActions: zi,
   content: Ki,
   field: Hi,
-  horizontal: qi,
-  label: Xi,
+  horizontal: Xi,
+  label: qi,
   marginsGrid: Ji,
   topMargin: Zi,
   bottomMargin: Qi,
@@ -6545,7 +6545,7 @@ const Ui = "_panel_qlcb6_6", Wi = "_header_qlcb6_10", Yi = "_title_qlcb6_20", zi
   ] });
 };
 fr.displayName = "MarginPanel";
-const ea = "_panel_16d9o_6", na = "_title_16d9o_10", ra = "_content_16d9o_22", oa = "_field_16d9o_29", sa = "_horizontal_16d9o_35", ia = "_label_16d9o_41", aa = "_dimensionsRow_16d9o_52", $t = {
+const ea = "_panel_18o68_11", na = "_title_18o68_19", ra = "_content_18o68_43", oa = "_field_18o68_57", sa = "_horizontal_18o68_69", ia = "_label_18o68_81", aa = "_dimensionsRow_18o68_103", $t = {
   panel: ea,
   title: na,
   content: ra,
@@ -6649,7 +6649,7 @@ const ea = "_panel_16d9o_6", na = "_title_16d9o_10", ra = "_content_16d9o_22", o
   ] });
 };
 hr.displayName = "PaperSizePanel";
-const la = "_section_p4xnx_6", ca = "_title_p4xnx_14", ua = "_content_p4xnx_26", da = "_buttonGroup_p4xnx_33", fa = "_button_p4xnx_33", ha = "_error_p4xnx_65", at = {
+const la = "_section_1o2ff_11", ca = "_title_1o2ff_27", ua = "_content_1o2ff_51", da = "_buttonGroup_1o2ff_65", fa = "_button_1o2ff_65", ha = "_error_1o2ff_129", at = {
   section: la,
   title: ca,
   content: ua,
@@ -6664,7 +6664,7 @@ const la = "_section_p4xnx_6", ca = "_title_p4xnx_14", ua = "_content_p4xnx_26",
 }) => {
   const [o, a] = dt(""), i = It(null), l = It(null), c = $(() => {
     try {
-      const d = $n(t, !0), g = new Blob([d], { type: "application/json" }), y = URL.createObjectURL(g), R = document.createElement("a");
+      const d = $n(t, !0), b = new Blob([d], { type: "application/json" }), y = URL.createObjectURL(b), R = document.createElement("a");
       R.href = y, R.download = "schema.json", R.click(), URL.revokeObjectURL(y), a("");
     } catch (d) {
       a(
@@ -6686,8 +6686,8 @@ const la = "_section_p4xnx_6", ca = "_title_p4xnx_14", ua = "_content_p4xnx_26",
   }, []), v = $(
     (d) => {
       var R;
-      const g = (R = d.target.files) == null ? void 0 : R[0];
-      if (!g) return;
+      const b = (R = d.target.files) == null ? void 0 : R[0];
+      if (!b) return;
       const y = new FileReader();
       y.onload = (G) => {
         var T;
@@ -6699,21 +6699,21 @@ const la = "_section_p4xnx_6", ca = "_title_p4xnx_14", ua = "_content_p4xnx_26",
             `インポートエラー: ${j instanceof Error ? j.message : String(j)}`
           );
         }
-      }, y.readAsText(g), d.target.value = "";
+      }, y.readAsText(b), d.target.value = "";
     },
     [n]
   ), x = $(async () => {
     try {
-      const d = await navigator.clipboard.readText(), g = Dn(d);
-      n(g), a(""), alert("スキーマをインポートしました");
+      const d = await navigator.clipboard.readText(), b = Dn(d);
+      n(b), a(""), alert("スキーマをインポートしました");
     } catch (d) {
       a(
         `インポートエラー: ${d instanceof Error ? d.message : String(d)}`
       );
     }
-  }, [n]), b = $(() => {
+  }, [n]), g = $(() => {
     try {
-      const d = Tn(e, !0), g = new Blob([d], { type: "application/json" }), y = URL.createObjectURL(g), R = document.createElement("a");
+      const d = Tn(e, !0), b = new Blob([d], { type: "application/json" }), y = URL.createObjectURL(b), R = document.createElement("a");
       R.href = y, R.download = "values.json", R.click(), URL.revokeObjectURL(y), a("");
     } catch (d) {
       a(
@@ -6729,14 +6729,14 @@ const la = "_section_p4xnx_6", ca = "_title_p4xnx_14", ua = "_content_p4xnx_26",
         `クリップボードエラー: ${d instanceof Error ? d.message : String(d)}`
       );
     }
-  }, [e]), _ = $(() => {
+  }, [e]), w = $(() => {
     var d;
     (d = l.current) == null || d.click();
   }, []), p = $(
     (d) => {
       var R;
-      const g = (R = d.target.files) == null ? void 0 : R[0];
-      if (!g) return;
+      const b = (R = d.target.files) == null ? void 0 : R[0];
+      if (!b) return;
       const y = new FileReader();
       y.onload = (G) => {
         var T;
@@ -6748,13 +6748,13 @@ const la = "_section_p4xnx_6", ca = "_title_p4xnx_14", ua = "_content_p4xnx_26",
             `インポートエラー: ${j instanceof Error ? j.message : String(j)}`
           );
         }
-      }, y.readAsText(g), d.target.value = "";
+      }, y.readAsText(b), d.target.value = "";
     },
     [s]
   ), m = $(async () => {
     try {
-      const d = await navigator.clipboard.readText(), g = Rn(d);
-      s(g), a(""), alert("値をインポートしました");
+      const d = await navigator.clipboard.readText(), b = Rn(d);
+      s(b), a(""), alert("値をインポートしました");
     } catch (d) {
       a(
         `インポートエラー: ${d instanceof Error ? d.message : String(d)}`
@@ -6826,7 +6826,7 @@ const la = "_section_p4xnx_6", ca = "_title_p4xnx_14", ua = "_content_p4xnx_26",
             {
               type: "button",
               className: at.button,
-              onClick: b,
+              onClick: g,
               children: "📥 ファイルにエクスポート"
             }
           ),
@@ -6846,7 +6846,7 @@ const la = "_section_p4xnx_6", ca = "_title_p4xnx_14", ua = "_content_p4xnx_26",
             {
               type: "button",
               className: at.button,
-              onClick: _,
+              onClick: w,
               children: "📤 ファイルからインポート"
             }
           ),
@@ -6891,7 +6891,7 @@ const pr = ({
   }
 ) });
 pr.displayName = "OtherPanel";
-const ma = "_container_rt0ql_3", pa = "_tabHeader_rt0ql_14", va = "_tabContent_rt0ql_21", oe = {
+const ma = "_container_k3psy_5", pa = "_tabHeader_k3psy_27", va = "_tabContent_k3psy_41", oe = {
   container: ma,
   tabHeader: pa,
   tabContent: va
@@ -6911,7 +6911,7 @@ const ma = "_container_rt0ql_3", pa = "_tabHeader_rt0ql_14", va = "_tabContent_r
     () => Object.values(n),
     [n]
   ), v = M(
-    () => t.filter((b) => e.includes(b.id)),
+    () => t.filter((g) => e.includes(g.id)),
     [t, e]
   ), x = e.length > 0;
   return /* @__PURE__ */ r.jsx("div", { className: `${oe.container} ${f || ""}`, children: /* @__PURE__ */ r.jsxs(Sn, { defaultValue: "block", variant: "default", children: [
@@ -6943,17 +6943,17 @@ const ma = "_container_rt0ql_3", pa = "_tabHeader_rt0ql_14", va = "_tabContent_r
 };
 xa.displayName = "Sidebar";
 export {
-  _a as ACTUAL_UNITS,
-  wa as ALL_UNITS,
+  wa as ACTUAL_UNITS,
+  _a as ALL_UNITS,
   Nt as BLOCK_SUB_INDEX,
   No as BORDER_UNITS,
-  wt as BlockChangeType,
+  _t as BlockChangeType,
   or as BlockPropertyPanel,
   fe as Border,
   ko as BorderOverlay,
   Jt as BorderRenderer,
   Pt as Checkbox,
-  we as ColorPicker,
+  _e as ColorPicker,
   To as DEFAULT_GRID,
   Lo as DEFAULT_PAPER,
   Ao as DEFAULT_PAPER_MARGIN,
@@ -6974,7 +6974,7 @@ export {
   Wn as NoteEdit,
   Ls as NoteEditor,
   er as NoteForm,
-  _t as NoteMode,
+  wt as NoteMode,
   nr as NoteView,
   yt as NumberInput,
   re as PADDING_UNITS,
@@ -6999,8 +6999,8 @@ export {
   xt as assertPositive,
   Co as assertRange,
   Be as binarySearch,
-  wn as calculateGridResize,
-  Xt as createBlock,
+  _n as calculateGridResize,
+  qt as createBlock,
   Ro as createBlockId,
   $o as createInitialProps,
   Dn as deserializeSchema,