@aiquants/drag-drop-panels 0.9.0 → 0.9.1

package/dist/index.es.js

@@ -1,276 +1,276 @@
-import qt, { forwardRef as Wt, createElement as Ge, useRef as W, useState as se, useEffect as ee, useLayoutEffect as we, useCallback as D, memo as hn, useMemo as Re, useId as mn, Fragment as fn } from "react";
-var _e = { exports: {} }, Oe = {};
+import qt, { forwardRef as Wt, createElement as Ge, useRef as I, useState as se, useEffect as oe, useLayoutEffect as we, memo as mn, useMemo as Le, useId as fn, useCallback as k, Fragment as pn } from "react";
+var _e = { exports: {} }, Ne = {};
 var kt;
-function pn() {
-  if (kt) return Oe;
+function gn() {
+  if (kt) return Ne;
   kt = 1;
   var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
   function e(o, r, a) {
-    var l = null;
-    if (a !== void 0 && (l = "" + a), r.key !== void 0 && (l = "" + r.key), "key" in r) {
+    var i = null;
+    if (a !== void 0 && (i = "" + a), r.key !== void 0 && (i = "" + r.key), "key" in r) {
       a = {};
-      for (var u in r)
-        u !== "key" && (a[u] = r[u]);
+      for (var d in r)
+        d !== "key" && (a[d] = r[d]);
     } else a = r;
     return r = a.ref, {
       $$typeof: t,
       type: o,
-      key: l,
+      key: i,
       ref: r !== void 0 ? r : null,
       props: a
     };
   }
-  return Oe.Fragment = n, Oe.jsx = e, Oe.jsxs = e, Oe;
+  return Ne.Fragment = n, Ne.jsx = e, Ne.jsxs = e, Ne;
 }
-var Ce = {};
-var Nt;
-function gn() {
-  return Nt || (Nt = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(h) {
-      if (h == null) return null;
-      if (typeof h == "function")
-        return h.$$typeof === L ? null : h.displayName || h.name || null;
-      if (typeof h == "string") return h;
-      switch (h) {
-        case k:
+var Oe = {};
+var Ct;
+function xn() {
+  return Ct || (Ct = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(u) {
+      if (u == null) return null;
+      if (typeof u == "function")
+        return u.$$typeof === $ ? null : u.displayName || u.name || null;
+      if (typeof u == "string") return u;
+      switch (u) {
+        case T:
           return "Fragment";
-        case N:
+        case P:
           return "Profiler";
-        case S:
+        case h:
           return "StrictMode";
-        case T:
+        case L:
           return "Suspense";
-        case Y:
+        case B:
           return "SuspenseList";
-        case v:
+        case x:
           return "Activity";
       }
-      if (typeof h == "object")
-        switch (typeof h.tag == "number" && console.error(
+      if (typeof u == "object")
+        switch (typeof u.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), h.$$typeof) {
-          case P:
+        ), u.$$typeof) {
+          case C:
             return "Portal";
-          case d:
-            return h.displayName || "Context";
-          case R:
-            return (h._context.displayName || "Context") + ".Consumer";
-          case $:
-            var x = h.render;
-            return h = h.displayName, h || (h = x.displayName || x.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
-          case G:
-            return x = h.displayName || null, x !== null ? x : t(h.type) || "Memo";
-          case g:
-            x = h._payload, h = h._init;
+          case l:
+            return u.displayName || "Context";
+          case N:
+            return (u._context.displayName || "Context") + ".Consumer";
+          case _:
+            var f = u.render;
+            return u = u.displayName, u || (u = f.displayName || f.name || "", u = u !== "" ? "ForwardRef(" + u + ")" : "ForwardRef"), u;
+          case J:
+            return f = u.displayName || null, f !== null ? f : t(u.type) || "Memo";
+          case p:
+            f = u._payload, u = u._init;
             try {
-              return t(h(x));
+              return t(u(f));
             } catch {
             }
         }
       return null;
     }
-    function n(h) {
-      return "" + h;
+    function n(u) {
+      return "" + u;
     }
-    function e(h) {
+    function e(u) {
       try {
-        n(h);
-        var x = !1;
+        n(u);
+        var f = !1;
       } catch {
-        x = !0;
+        f = !0;
       }
-      if (x) {
-        x = console;
-        var M = x.error, F = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object";
-        return M.call(
-          x,
+      if (f) {
+        f = console;
+        var S = f.error, U = typeof Symbol == "function" && Symbol.toStringTag && u[Symbol.toStringTag] || u.constructor.name || "Object";
+        return S.call(
+          f,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          F
-        ), n(h);
+          U
+        ), n(u);
       }
     }
-    function o(h) {
-      if (h === k) return "<>";
-      if (typeof h == "object" && h !== null && h.$$typeof === g)
+    function o(u) {
+      if (u === T) return "<>";
+      if (typeof u == "object" && u !== null && u.$$typeof === p)
         return "<...>";
       try {
-        var x = t(h);
-        return x ? "<" + x + ">" : "<...>";
+        var f = t(u);
+        return f ? "<" + f + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var h = w.A;
-      return h === null ? null : h.getOwner();
+      var u = W.A;
+      return u === null ? null : u.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
-    function l(h) {
-      if (m.call(h, "key")) {
-        var x = Object.getOwnPropertyDescriptor(h, "key").get;
-        if (x && x.isReactWarning) return !1;
+    function i(u) {
+      if (v.call(u, "key")) {
+        var f = Object.getOwnPropertyDescriptor(u, "key").get;
+        if (f && f.isReactWarning) return !1;
       }
-      return h.key !== void 0;
+      return u.key !== void 0;
     }
-    function u(h, x) {
-      function M() {
-        _ || (_ = !0, console.error(
+    function d(u, f) {
+      function S() {
+        D || (D = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          x
+          f
         ));
       }
-      M.isReactWarning = !0, Object.defineProperty(h, "key", {
-        get: M,
+      S.isReactWarning = !0, Object.defineProperty(u, "key", {
+        get: S,
         configurable: !0
       });
     }
-    function f() {
-      var h = t(this.type);
-      return I[h] || (I[h] = !0, console.error(
+    function m() {
+      var u = t(this.type);
+      return R[u] || (R[u] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), h = this.props.ref, h !== void 0 ? h : null;
+      )), u = this.props.ref, u !== void 0 ? u : null;
     }
-    function b(h, x, M, F, Z, ae) {
-      var X = M.ref;
-      return h = {
-        $$typeof: c,
-        type: h,
-        key: x,
-        props: M,
-        _owner: F
-      }, (X !== void 0 ? X : null) !== null ? Object.defineProperty(h, "ref", {
+    function w(u, f, S, U, K, ae) {
+      var G = S.ref;
+      return u = {
+        $$typeof: E,
+        type: u,
+        key: f,
+        props: S,
+        _owner: U
+      }, (G !== void 0 ? G : null) !== null ? Object.defineProperty(u, "ref", {
         enumerable: !1,
-        get: f
-      }) : Object.defineProperty(h, "ref", { enumerable: !1, value: null }), h._store = {}, Object.defineProperty(h._store, "validated", {
+        get: m
+      }) : Object.defineProperty(u, "ref", { enumerable: !1, value: null }), u._store = {}, Object.defineProperty(u._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(h, "_debugInfo", {
+      }), Object.defineProperty(u, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(h, "_debugStack", {
+      }), Object.defineProperty(u, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Z
-      }), Object.defineProperty(h, "_debugTask", {
+        value: K
+      }), Object.defineProperty(u, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: ae
-      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
+      }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
     }
-    function y(h, x, M, F, Z, ae) {
-      var X = x.children;
-      if (X !== void 0)
-        if (F)
-          if (p(X)) {
-            for (F = 0; F < X.length; F++)
-              A(X[F]);
-            Object.freeze && Object.freeze(X);
+    function b(u, f, S, U, K, ae) {
+      var G = f.children;
+      if (G !== void 0)
+        if (U)
+          if (y(G)) {
+            for (U = 0; U < G.length; U++)
+              A(G[U]);
+            Object.freeze && Object.freeze(G);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else A(X);
-      if (m.call(x, "key")) {
-        X = t(h);
-        var H = Object.keys(x).filter(function(ue) {
+        else A(G);
+      if (v.call(f, "key")) {
+        G = t(u);
+        var H = Object.keys(f).filter(function(ue) {
           return ue !== "key";
         });
-        F = 0 < H.length ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}", oe[X + F] || (H = 0 < H.length ? "{" + H.join(": ..., ") + ": ...}" : "{}", console.error(
+        U = 0 < H.length ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}", X[G + U] || (H = 0 < H.length ? "{" + H.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          F,
-          X,
+          U,
+          G,
           H,
-          X
-        ), oe[X + F] = !0);
+          G
+        ), X[G + U] = !0);
       }
-      if (X = null, M !== void 0 && (e(M), X = "" + M), l(x) && (e(x.key), X = "" + x.key), "key" in x) {
-        M = {};
-        for (var ve in x)
-          ve !== "key" && (M[ve] = x[ve]);
-      } else M = x;
-      return X && u(
-        M,
-        typeof h == "function" ? h.displayName || h.name || "Unknown" : h
-      ), b(
-        h,
-        X,
-        M,
+      if (G = null, S !== void 0 && (e(S), G = "" + S), i(f) && (e(f.key), G = "" + f.key), "key" in f) {
+        S = {};
+        for (var ve in f)
+          ve !== "key" && (S[ve] = f[ve]);
+      } else S = f;
+      return G && d(
+        S,
+        typeof u == "function" ? u.displayName || u.name || "Unknown" : u
+      ), w(
+        u,
+        G,
+        S,
         r(),
-        Z,
+        K,
         ae
       );
     }
-    function A(h) {
-      z(h) ? h._store && (h._store.validated = 1) : typeof h == "object" && h !== null && h.$$typeof === g && (h._payload.status === "fulfilled" ? z(h._payload.value) && h._payload.value._store && (h._payload.value._store.validated = 1) : h._store && (h._store.validated = 1));
+    function A(u) {
+      q(u) ? u._store && (u._store.validated = 1) : typeof u == "object" && u !== null && u.$$typeof === p && (u._payload.status === "fulfilled" ? q(u._payload.value) && u._payload.value._store && (u._payload.value._store.validated = 1) : u._store && (u._store.validated = 1));
     }
-    function z(h) {
-      return typeof h == "object" && h !== null && h.$$typeof === c;
+    function q(u) {
+      return typeof u == "object" && u !== null && u.$$typeof === E;
     }
-    var E = qt, c = /* @__PURE__ */ Symbol.for("react.transitional.element"), P = /* @__PURE__ */ Symbol.for("react.portal"), k = /* @__PURE__ */ Symbol.for("react.fragment"), S = /* @__PURE__ */ Symbol.for("react.strict_mode"), N = /* @__PURE__ */ Symbol.for("react.profiler"), R = /* @__PURE__ */ Symbol.for("react.consumer"), d = /* @__PURE__ */ Symbol.for("react.context"), $ = /* @__PURE__ */ Symbol.for("react.forward_ref"), T = /* @__PURE__ */ Symbol.for("react.suspense"), Y = /* @__PURE__ */ Symbol.for("react.suspense_list"), G = /* @__PURE__ */ Symbol.for("react.memo"), g = /* @__PURE__ */ Symbol.for("react.lazy"), v = /* @__PURE__ */ Symbol.for("react.activity"), L = /* @__PURE__ */ Symbol.for("react.client.reference"), w = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, m = Object.prototype.hasOwnProperty, p = Array.isArray, j = console.createTask ? console.createTask : function() {
+    var j = qt, E = /* @__PURE__ */ Symbol.for("react.transitional.element"), C = /* @__PURE__ */ Symbol.for("react.portal"), T = /* @__PURE__ */ Symbol.for("react.fragment"), h = /* @__PURE__ */ Symbol.for("react.strict_mode"), P = /* @__PURE__ */ Symbol.for("react.profiler"), N = /* @__PURE__ */ Symbol.for("react.consumer"), l = /* @__PURE__ */ Symbol.for("react.context"), _ = /* @__PURE__ */ Symbol.for("react.forward_ref"), L = /* @__PURE__ */ Symbol.for("react.suspense"), B = /* @__PURE__ */ Symbol.for("react.suspense_list"), J = /* @__PURE__ */ Symbol.for("react.memo"), p = /* @__PURE__ */ Symbol.for("react.lazy"), x = /* @__PURE__ */ Symbol.for("react.activity"), $ = /* @__PURE__ */ Symbol.for("react.client.reference"), W = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, v = Object.prototype.hasOwnProperty, y = Array.isArray, g = console.createTask ? console.createTask : function() {
       return null;
     };
-    E = {
-      react_stack_bottom_frame: function(h) {
-        return h();
+    j = {
+      react_stack_bottom_frame: function(u) {
+        return u();
       }
     };
-    var _, I = {}, re = E.react_stack_bottom_frame.bind(
-      E,
+    var D, R = {}, Y = j.react_stack_bottom_frame.bind(
+      j,
       a
-    )(), V = j(o(a)), oe = {};
-    Ce.Fragment = k, Ce.jsx = function(h, x, M) {
-      var F = 1e4 > w.recentlyCreatedOwnerStacks++;
-      return y(
-        h,
-        x,
-        M,
+    )(), F = g(o(a)), X = {};
+    Oe.Fragment = T, Oe.jsx = function(u, f, S) {
+      var U = 1e4 > W.recentlyCreatedOwnerStacks++;
+      return b(
+        u,
+        f,
+        S,
         !1,
-        F ? Error("react-stack-top-frame") : re,
-        F ? j(o(h)) : V
+        U ? Error("react-stack-top-frame") : Y,
+        U ? g(o(u)) : F
       );
-    }, Ce.jsxs = function(h, x, M) {
-      var F = 1e4 > w.recentlyCreatedOwnerStacks++;
-      return y(
-        h,
-        x,
-        M,
+    }, Oe.jsxs = function(u, f, S) {
+      var U = 1e4 > W.recentlyCreatedOwnerStacks++;
+      return b(
+        u,
+        f,
+        S,
         !0,
-        F ? Error("react-stack-top-frame") : re,
-        F ? j(o(h)) : V
+        U ? Error("react-stack-top-frame") : Y,
+        U ? g(o(u)) : F
       );
     };
-  })()), Ce;
+  })()), Oe;
 }
-var Ot;
-function xn() {
-  return Ot || (Ot = 1, process.env.NODE_ENV === "production" ? _e.exports = pn() : _e.exports = gn()), _e.exports;
+var Nt;
+function vn() {
+  return Nt || (Nt = 1, process.env.NODE_ENV === "production" ? _e.exports = gn() : _e.exports = xn()), _e.exports;
 }
-var s = xn();
-const vn = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), bn = (t) => t.replace(
+var s = vn();
+const bn = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), yn = (t) => t.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (n, e, o) => o ? o.toUpperCase() : e.toLowerCase()
-), Ct = (t) => {
-  const n = bn(t);
+), Ot = (t) => {
+  const n = yn(t);
   return n.charAt(0).toUpperCase() + n.slice(1);
-}, It = (...t) => t.filter((n, e, o) => !!n && n.trim() !== "" && o.indexOf(n) === e).join(" ").trim(), yn = (t) => {
+}, Ht = (...t) => t.filter((n, e, o) => !!n && n.trim() !== "" && o.indexOf(n) === e).join(" ").trim(), wn = (t) => {
   for (const n in t)
     if (n.startsWith("aria-") || n === "role" || n === "title")
       return !0;
 };
-var wn = {
+var jn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -281,7 +281,7 @@ var wn = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const jn = Wt(
+const Pn = Wt(
   ({
     color: t = "currentColor",
     size: n = 24,
@@ -289,59 +289,59 @@ const jn = Wt(
     absoluteStrokeWidth: o,
     className: r = "",
     children: a,
-    iconNode: l,
-    ...u
-  }, f) => Ge(
+    iconNode: i,
+    ...d
+  }, m) => Ge(
     "svg",
     {
-      ref: f,
-      ...wn,
+      ref: m,
+      ...jn,
       width: n,
       height: n,
       stroke: t,
       strokeWidth: o ? Number(e) * 24 / Number(n) : e,
-      className: It("lucide", r),
-      ...!a && !yn(u) && { "aria-hidden": "true" },
-      ...u
+      className: Ht("lucide", r),
+      ...!a && !wn(d) && { "aria-hidden": "true" },
+      ...d
     },
     [
-      ...l.map(([b, y]) => Ge(b, y)),
+      ...i.map(([w, b]) => Ge(w, b)),
       ...Array.isArray(a) ? a : [a]
     ]
   )
 );
 const ie = (t, n) => {
   const e = Wt(
-    ({ className: o, ...r }, a) => Ge(jn, {
+    ({ className: o, ...r }, a) => Ge(Pn, {
       ref: a,
       iconNode: n,
-      className: It(
-        `lucide-${vn(Ct(t))}`,
+      className: Ht(
+        `lucide-${bn(Ot(t))}`,
         `lucide-${t}`,
         o
       ),
       ...r
     })
   );
-  return e.displayName = Ct(t), e;
+  return e.displayName = Ot(t), e;
 };
-const Pn = [
+const En = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
-], En = ie("arrow-down", Pn);
-const Dn = [
+], Dn = ie("arrow-down", En);
+const kn = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
-], kn = ie("arrow-left", Dn);
+], Cn = ie("arrow-left", kn);
 const Nn = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ], On = ie("arrow-right", Nn);
-const Cn = [
+const Sn = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
-], Mn = ie("arrow-up", Cn);
-const Sn = [
+], Mn = ie("arrow-up", Sn);
+const An = [
   [
     "path",
     {
@@ -350,8 +350,8 @@ const Sn = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], An = ie("eye", Sn);
-const $n = [
+], $n = ie("eye", An);
+const Tn = [
   [
     "path",
     {
@@ -368,20 +368,20 @@ const $n = [
     }
   ],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }]
-], Mt = ie("eye-off", $n);
-const Tn = [
+], St = ie("eye-off", Tn);
+const Rn = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "m21 3-7 7", key: "1l2asr" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M9 21H3v-6", key: "wtvkvv" }]
-], Ln = ie("maximize-2", Tn);
-const _n = [
+], _n = ie("maximize-2", Rn);
+const Ln = [
   ["path", { d: "m14 10 7-7", key: "oa77jy" }],
   ["path", { d: "M20 10h-6V4", key: "mjg0md" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M4 14h6v6", key: "rmj7iw" }]
-], Rn = ie("minimize-2", _n);
-const zn = [
+], zn = ie("minimize-2", Ln);
+const In = [
   ["path", { d: "M12.586 12.586 19 19", key: "ea5xo7" }],
   [
     "path",
@@ -390,7 +390,7 @@ const zn = [
       key: "277e5u"
     }
   ]
-], qn = ie("mouse-pointer", zn);
+], qn = ie("mouse-pointer", In);
 const Wn = [
   ["path", { d: "M14 4.1 12 6", key: "ita8i4" }],
   ["path", { d: "m5.1 8-2.9-.8", key: "1go3kf" }],
@@ -403,11 +403,11 @@ const Wn = [
       key: "s0h3yz"
     }
   ]
-], In = ie("mouse-pointer-click", Wn);
-const Hn = [
+], Hn = ie("mouse-pointer-click", Wn);
+const Yn = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Ht = ie("x", Hn), me = class me {
+], Yt = ie("x", Yn), me = class me {
   /**
    * @constructor
    * @param {LogLevel} [level=LogLevel.WARN] - The minimum log level to output.
@@ -501,7 +501,7 @@ const Hn = [
 };
 me.instance = new me(2, "[drag-drop-panels]");
 let Ke = me;
-const Yn = ({ config: t, panelId: n, sizeInfo: e, onSizeInfoClick: o }) => t.showPanelSizes && e ? (
+const Fn = ({ config: t, panelId: n, sizeInfo: e, onSizeInfoClick: o }) => t.showPanelSizes && e ? (
   // biome-ignore lint/a11y/noStaticElementInteractions: クリックイベントを持つ静的要素。デバッグ目的のため、インタラクティブ性は限定的。
   // biome-ignore lint/a11y/useKeyWithClickEvents: キーボード操作はデバッグ機能では優先度が低い。
   /* @__PURE__ */ s.jsxs(
@@ -537,26 +537,26 @@ const Yn = ({ config: t, panelId: n, sizeInfo: e, onSizeInfoClick: o }) => t.sho
       ]
     }
   )
-) : null, O = (t, n, ...e) => {
+) : null, M = (t, n, ...e) => {
   (t.logLevel ?? 0) >= n && Ke.info(...e);
-}, et = (t, n, e) => t.columnIndex === n && (t.panelIndex === e || t.panelIndex + 1 === e), Yt = (t, n, e, o) => {
-  const r = Object.keys(t).find((u) => t[u].includes(n));
+}, et = (t, n, e) => t.columnIndex === n && (t.panelIndex === e || t.panelIndex + 1 === e), Ft = (t, n, e, o) => {
+  const r = Object.keys(t).find((d) => t[d].includes(n));
   if (r === void 0 || t[e] === void 0) return null;
   const a = { ...t };
   if (r === e) {
-    const u = [...t[r]], f = u.indexOf(n);
-    return u.splice(f, 1), u.splice(f < o ? o - 1 : o, 0, n), a[e] = u, a;
+    const d = [...t[r]], m = d.indexOf(n);
+    return d.splice(m, 1), d.splice(m < o ? o - 1 : o, 0, n), a[e] = d, a;
   }
-  a[r] = t[r].filter((u) => u !== n);
-  const l = [...t[e]];
-  return l.splice(o, 0, n), a[e] = l, a;
-}, De = Object.freeze(["previous-column", "next-column", "up", "down"]), Fn = (t, n) => t.columnPanels[n] ?? [], tt = (t) => t.columnKeys.map((n) => Fn(t, n).filter((e) => t.panelVisibility[e] === !0)), Pe = (t, n) => {
+  a[r] = t[r].filter((d) => d !== n);
+  const i = [...t[e]];
+  return i.splice(o, 0, n), a[e] = i, a;
+}, De = Object.freeze(["previous-column", "next-column", "up", "down"]), Bn = (t, n) => t.columnPanels[n] ?? [], tt = (t) => t.columnKeys.map((n) => Bn(t, n).filter((e) => t.panelVisibility[e] === !0)), Pe = (t, n) => {
   for (const [e, o] of tt(t).entries()) {
     const r = o.indexOf(n);
     if (r >= 0) return { column: e, index: r };
   }
   return null;
-}, Ft = (t, n, e) => {
+}, Bt = (t, n, e) => {
   switch (e) {
     case "previous-column":
     case "next-column": {
@@ -573,28 +573,28 @@ const Yn = ({ config: t, panelId: n, sizeInfo: e, onSizeInfoClick: o }) => t.sho
     }
   }
 }, Un = (t, n, e, o) => {
-  const r = t.filter(n), a = (f) => [...t.slice(0, f), e, ...t.slice(f)], l = r[o];
-  if (l !== void 0) return a(t.indexOf(l));
-  const u = r[o - 1];
-  return a(u !== void 0 ? t.indexOf(u) + 1 : t.length);
-}, Bn = (t, n) => {
+  const r = t.filter(n), a = (m) => [...t.slice(0, m), e, ...t.slice(m)], i = r[o];
+  if (i !== void 0) return a(t.indexOf(i));
+  const d = r[o - 1];
+  return a(d !== void 0 ? t.indexOf(d) + 1 : t.length);
+}, Xn = (t, n) => {
   const e = Pe(t, n);
   if (e === null) return [];
   const o = tt(t);
-  return De.filter((r) => Ft(o, e, r) !== null);
-}, Xn = (t, n, e) => {
+  return De.filter((r) => Bt(o, e, r) !== null);
+}, Vn = (t, n, e) => {
   if (!De.includes(e)) throw new RangeError(`[@aiquants/drag-drop-panels] unknown panel move ${JSON.stringify(e)}; expected one of ${De.join(", ")}`);
   const o = Pe(t, n);
   if (o === null) return null;
-  const r = Ft(tt(t), o, e);
+  const r = Bt(tt(t), o, e);
   if (r === null) return null;
-  const a = (f) => t.panelVisibility[f] === !0, l = Object.fromEntries(Object.entries(t.columnPanels).map(([f, b]) => [f, b.filter((y) => y !== n)])), u = t.columnKeys[r.column];
-  return l[u] = Un(l[u] ?? [], a, n, r.index), { columnPanels: l, from: o, place: r };
-}, Vn = (t, n, e) => {
-  const o = (r, a) => (r[a] ?? []).filter((l) => l !== e);
+  const a = (m) => t.panelVisibility[m] === !0, i = Object.fromEntries(Object.entries(t.columnPanels).map(([m, w]) => [m, w.filter((b) => b !== n)])), d = t.columnKeys[r.column];
+  return i[d] = Un(i[d] ?? [], a, n, r.index), { columnPanels: i, from: o, place: r };
+}, Zn = (t, n, e) => {
+  const o = (r, a) => (r[a] ?? []).filter((i) => i !== e);
   for (const r of /* @__PURE__ */ new Set([...Object.keys(t), ...Object.keys(n)])) {
-    const a = o(t, r), l = o(n, r);
-    if (a.length !== l.length || a.some((u, f) => u !== l[f])) return !1;
+    const a = o(t, r), i = o(n, r);
+    if (a.length !== i.length || a.some((d, m) => d !== i[m])) return !1;
   }
   return !0;
 }, Ut = Object.freeze({
@@ -602,50 +602,50 @@ const Yn = ({ config: t, panelId: n, sizeInfo: e, onSizeInfoClick: o }) => t.sho
   "next-column": Object.freeze({ key: "ArrowRight", aria: "Alt+Shift+ArrowRight", text: "Alt+Shift+→" }),
   up: Object.freeze({ key: "ArrowUp", aria: "Alt+Shift+ArrowUp", text: "Alt+Shift+↑" }),
   down: Object.freeze({ key: "ArrowDown", aria: "Alt+Shift+ArrowDown", text: "Alt+Shift+↓" })
-}), Zn = (t) => {
+}), Gn = (t) => {
   if (!(t.altKey && t.shiftKey) || t.ctrlKey || t.metaKey) return null;
   const n = De.find((e) => Ut[e].key === t.key);
   return n === void 0 ? null : n;
-}, Bt = qt.memo(({ index: t, columnIndex: n, isDragging: e, dragOverPosition: o, originalPosition: r, onDragEnter: a, onDragLeave: l, config: u, customDrag: f, label: b }) => {
-  const y = r !== null && et(r, n, t), A = !y && o?.columnIndex === n && o?.insertIndex === t, z = W(null), [E, c] = se(null), P = e || (f?.isActive ?? !1), k = y || !P ? "hidden" : A ? "target" : "shown";
-  return ee(() => {
-    if (z.current) {
-      const S = z.current.getBoundingClientRect(), N = {
-        width: Math.round(S.width),
-        height: Math.round(S.height),
-        x: Math.round(S.left),
-        y: Math.round(S.top)
+}, Xt = qt.memo(({ index: t, columnIndex: n, isDragging: e, dragOverPosition: o, originalPosition: r, onDragEnter: a, onDragLeave: i, config: d, customDrag: m, label: w }) => {
+  const b = r !== null && et(r, n, t), A = !b && o?.columnIndex === n && o?.insertIndex === t, q = I(null), [j, E] = se(null), C = e || (m?.isActive ?? !1), T = b || !C ? "hidden" : A ? "target" : "shown";
+  return oe(() => {
+    if (q.current) {
+      const h = q.current.getBoundingClientRect(), P = {
+        width: Math.round(h.width),
+        height: Math.round(h.height),
+        x: Math.round(h.left),
+        y: Math.round(h.top)
       };
-      c(N), A && O(u, 1, `🎯 アクティブプレースホルダー ${t}-${n}:`, {
-        size: `${N.width}×${N.height}`,
-        position: `(${N.x}, ${N.y})`,
-        bottomRight: `(${N.x + N.width}, ${N.y + N.height})`,
-        center: `(${N.x + N.width / 2}, ${N.y + N.height / 2})`
+      E(P), A && M(d, 1, `🎯 アクティブプレースホルダー ${t}-${n}:`, {
+        size: `${P.width}×${P.height}`,
+        position: `(${P.x}, ${P.y})`,
+        bottomRight: `(${P.x + P.width}, ${P.y + P.height})`,
+        center: `(${P.x + P.width / 2}, ${P.y + P.height / 2})`
       });
     }
-  }, [A, t, n, u]), O(u, 2, `プレースホルダー${t}-${n}: 表示中`, { isHighlighted: A, isDragging: e, dragOverPosition: o, shouldShow: P }), // biome-ignore lint/a11y/noStaticElementInteractions: ドラッグイベントを処理するための対話的な要素。デバッグ目的のため、キーボード操作は必須ではない。
+  }, [A, t, n, d]), M(d, 2, `プレースホルダー${t}-${n}: 表示中`, { isHighlighted: A, isDragging: e, dragOverPosition: o, shouldShow: C }), // biome-ignore lint/a11y/noStaticElementInteractions: ドラッグイベントを処理するための対話的な要素。デバッグ目的のため、キーボード操作は必須ではない。
   /* @__PURE__ */ s.jsxs(
     "div",
     {
-      ref: z,
+      ref: q,
       "data-placeholder-index": t,
       "data-placeholder-column": n,
-      "data-aqdd-drop-placeholder": k,
+      "data-aqdd-drop-placeholder": T,
       onDragEnter: () => a(n, t),
-      onDragLeave: (S) => l(S, n, t),
-      className: `relative flex w-full items-center justify-center ${k === "hidden" ? "pointer-events-none h-0 overflow-hidden opacity-0" : k === "target" ? "my-2 scale-[1.02] rounded-xl border-4 border-dashed px-4 py-6 shadow-lg" : "my-2 rounded-xl border-2 border-dashed px-2 py-4"}`,
+      onDragLeave: (h) => i(h, n, t),
+      className: `relative flex w-full items-center justify-center ${T === "hidden" ? "pointer-events-none h-0 overflow-hidden opacity-0" : T === "target" ? "my-2 scale-[1.02] rounded-xl border-4 border-dashed px-4 py-6 shadow-lg" : "my-2 rounded-xl border-2 border-dashed px-2 py-4"}`,
       children: [
-        !y && P && u.showPlaceholderInfo && E && /* @__PURE__ */ s.jsxs("div", { className: "absolute top-1 right-1 z-10 rounded-md bg-blue-500/90 px-2 py-1 font-mono text-white text-xs leading-tight shadow-lg", children: [
+        !b && C && d.showPlaceholderInfo && j && /* @__PURE__ */ s.jsxs("div", { className: "absolute top-1 right-1 z-10 rounded-md bg-blue-500/90 px-2 py-1 font-mono text-white text-xs leading-tight shadow-lg", children: [
           /* @__PURE__ */ s.jsxs("div", { children: [
-            E.width,
+            j.width,
             "×",
-            E.height
+            j.height
           ] }),
           /* @__PURE__ */ s.jsxs("div", { children: [
             "X:",
-            E.x,
+            j.x,
             " Y:",
-            E.y
+            j.y
           ] }),
           /* @__PURE__ */ s.jsx("div", { className: "text-[10px] opacity-80", children: "min:200px max:500px" }),
           /* @__PURE__ */ s.jsxs("div", { className: "mt-0.5 text-[10px] opacity-80", children: [
@@ -657,67 +657,67 @@ const Yn = ({ config: t, panelId: n, sizeInfo: e, onSizeInfoClick: o }) => t.sho
             A ? "ACTIVE" : "IDLE"
           ] })
         ] }),
-        !y && P && /* @__PURE__ */ s.jsxs("div", { className: "flex items-center space-x-2", children: [
+        !b && C && /* @__PURE__ */ s.jsxs("div", { className: "flex items-center space-x-2", children: [
           /* @__PURE__ */ s.jsx("svg", { className: "h-6 w-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ s.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 6v6m0 0v6m0-6h6m-6 0H6" }) }),
-          /* @__PURE__ */ s.jsx("span", { lang: b.lang, className: "font-medium text-sm", children: b.text })
+          /* @__PURE__ */ s.jsx("span", { lang: w.lang, className: "font-medium text-sm", children: w.text })
         ] })
       ]
     }
   );
 });
-Bt.displayName = "InsertPlaceholder";
-const Xt = ({ columnIndex: t, isDragging: n, dragOverPosition: e, children: o, config: r }) => {
-  const a = W(null), [l, u] = se(null);
-  return ee(() => {
+Xt.displayName = "InsertPlaceholder";
+const Vt = ({ columnIndex: t, isDragging: n, dragOverPosition: e, children: o, config: r }) => {
+  const a = I(null), [i, d] = se(null);
+  return oe(() => {
     if (a.current && n) {
-      const f = a.current.getBoundingClientRect(), b = e?.columnIndex === t, y = {
-        width: Math.round(f.width),
-        height: Math.round(f.height),
-        x: Math.round(f.left),
-        y: Math.round(f.top),
-        isActive: b
+      const m = a.current.getBoundingClientRect(), w = e?.columnIndex === t, b = {
+        width: Math.round(m.width),
+        height: Math.round(m.height),
+        x: Math.round(m.left),
+        y: Math.round(m.top),
+        isActive: w
       };
-      u(y), b && O(r, 1, `🎯 アクティブドロップゾーン ${t}:`, {
-        size: `${y.width}×${y.height}`,
-        position: `(${y.x}, ${y.y})`,
-        bottomRight: `(${y.x + y.width}, ${y.y + y.height})`,
-        center: `(${y.x + y.width / 2}, ${y.y + y.height / 2})`
+      d(b), w && M(r, 1, `🎯 アクティブドロップゾーン ${t}:`, {
+        size: `${b.width}×${b.height}`,
+        position: `(${b.x}, ${b.y})`,
+        bottomRight: `(${b.x + b.width}, ${b.y + b.height})`,
+        center: `(${b.x + b.width / 2}, ${b.y + b.height / 2})`
       });
     }
   }, [n, e, t, r]), /* @__PURE__ */ s.jsxs("div", { ref: a, className: "relative", children: [
     o,
-    n && l && r.showDropZoneOutlines && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsx("div", { className: `pointer-events-none absolute inset-0 rounded-lg border-2 border-dashed transition-all duration-200 ${l.isActive ? "border-red-500 bg-red-100/20 shadow-lg" : "border-gray-400 bg-gray-100/10"}` }),
-      /* @__PURE__ */ s.jsxs("div", { className: `absolute top-2 left-2 z-20 rounded-md px-2 py-1 font-mono text-xs leading-tight shadow-lg transition-all duration-200 ${l.isActive ? "bg-red-500/90 text-white" : "bg-gray-500/90 text-white"}`, children: [
+    n && i && r.showDropZoneOutlines && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsx("div", { className: `pointer-events-none absolute inset-0 rounded-lg border-2 border-dashed transition-all duration-200 ${i.isActive ? "border-red-500 bg-red-100/20 shadow-lg" : "border-gray-400 bg-gray-100/10"}` }),
+      /* @__PURE__ */ s.jsxs("div", { className: `absolute top-2 left-2 z-20 rounded-md px-2 py-1 font-mono text-xs leading-tight shadow-lg transition-all duration-200 ${i.isActive ? "bg-red-500/90 text-white" : "bg-gray-500/90 text-white"}`, children: [
         /* @__PURE__ */ s.jsxs("div", { className: "font-bold", children: [
           "DropZone-",
           t
         ] }),
         /* @__PURE__ */ s.jsxs("div", { children: [
-          l.width,
+          i.width,
           "×",
-          l.height
+          i.height
         ] }),
         /* @__PURE__ */ s.jsxs("div", { children: [
           "X:",
-          l.x,
+          i.x,
           " Y:",
-          l.y
+          i.y
         ] }),
-        /* @__PURE__ */ s.jsx("div", { className: "mt-0.5 text-[10px] opacity-80", children: l.isActive ? "ACTIVE" : "IDLE" })
+        /* @__PURE__ */ s.jsx("div", { className: "mt-0.5 text-[10px] opacity-80", children: i.isActive ? "ACTIVE" : "IDLE" })
       ] }),
       /* @__PURE__ */ s.jsx(
         "div",
         {
-          className: `pointer-events-none absolute transition-all duration-200 ${l.isActive ? "opacity-100" : "opacity-50"}`,
+          className: `pointer-events-none absolute transition-all duration-200 ${i.isActive ? "opacity-100" : "opacity-50"}`,
           style: {
-            left: `${l.width / 2 - 6}px`,
-            top: `${l.height / 2 - 6}px`
+            left: `${i.width / 2 - 6}px`,
+            top: `${i.height / 2 - 6}px`
           },
-          children: /* @__PURE__ */ s.jsx("div", { className: `h-3 w-3 rounded-full border-2 ${l.isActive ? "border-red-700 bg-red-500" : "border-gray-700 bg-gray-500"}` })
+          children: /* @__PURE__ */ s.jsx("div", { className: `h-3 w-3 rounded-full border-2 ${i.isActive ? "border-red-700 bg-red-500" : "border-gray-700 bg-gray-500"}` })
         }
       ),
-      l.isActive && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      i.isActive && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         /* @__PURE__ */ s.jsx("div", { className: "pointer-events-none absolute top-0 left-0 h-2 w-2 rounded-full bg-red-500" }),
         /* @__PURE__ */ s.jsx("div", { className: "pointer-events-none absolute top-0 right-0 h-2 w-2 rounded-full bg-red-500" }),
         /* @__PURE__ */ s.jsx("div", { className: "pointer-events-none absolute bottom-0 left-0 h-2 w-2 rounded-full bg-red-500" }),
@@ -726,27 +726,27 @@ const Xt = ({ columnIndex: t, isDragging: n, dragOverPosition: e, children: o, c
     ] })
   ] });
 };
-Xt.displayName = "DropZoneDebugOverlay";
-const Vt = "[data-aqdd-scroll-root]", Ee = "data-aqdd-panel-action", Gn = 0.25, Kn = typeof window < "u" ? we : ee, Jn = (t, n = Gn) => {
-  const e = W(null), [o, r] = se(1);
-  return Kn(() => {
+Vt.displayName = "DropZoneDebugOverlay";
+const Zt = "[data-aqdd-scroll-root]", Ee = "data-aqdd-panel-action", Kn = 0.25, Jn = typeof window < "u" ? we : oe, Qn = (t, n = Kn) => {
+  const e = I(null), [o, r] = se(1);
+  return Jn(() => {
     const a = e.current;
     if (!a || t <= 0) {
       r(1);
       return;
     }
-    const l = () => {
-      const f = a.clientWidth;
-      if (f <= 0)
+    const i = () => {
+      const m = a.clientWidth;
+      if (m <= 0)
         return;
-      const b = f >= t ? 1 : Math.max(f / t, n);
-      r((y) => Math.abs(y - b) < 5e-3 ? y : b);
+      const w = m >= t ? 1 : Math.max(m / t, n);
+      r((b) => Math.abs(b - w) < 5e-3 ? b : w);
     };
-    l();
-    const u = new ResizeObserver(l);
-    return u.observe(a), () => u.disconnect();
+    i();
+    const d = new ResizeObserver(i);
+    return d.observe(a), () => d.disconnect();
   }, [t, n]), { containerRef: e, scale: o };
-}, Qn = Object.freeze([
+}, er = Object.freeze([
   "--aqdd-panel-surface",
   "--aqdd-panel-border",
   "--aqdd-panel-title-color",
@@ -764,64 +764,67 @@ const Vt = "[data-aqdd-scroll-root]", Ee = "data-aqdd-panel-action", Gn = 0.25,
   "--aqdd-default-header-close-hover-color",
   "--aqdd-default-custom-badge-color",
   "--aqdd-default-custom-badge-surface"
-]), Zt = (t, n) => {
+]), Gt = (t, n) => {
   const e = window.getComputedStyle(t);
-  for (const o of Qn) {
+  for (const o of er) {
     const r = e.getPropertyValue(o).trim();
     r !== "" && n.style.setProperty(o, r);
   }
-}, Gt = (t, n, e) => {
+}, Kt = (t, n, e) => {
   const o = t.getBoundingClientRect(), r = t.cloneNode(!0);
-  return r.removeAttribute("data-panel-id"), Zt(t, r), r.style.position = "fixed", r.style.top = "0px", r.style.left = "0px", r.style.width = `${t.offsetWidth}px`, r.style.height = `${t.offsetHeight}px`, r.style.pointerEvents = "none", r.style.zIndex = "1000", r.style.opacity = "0.5", r.style.margin = "0", r.style.transition = "none", r.style.boxShadow = "0 8px 32px rgba(0,0,0,0.3)", r.style.transformOrigin = "top left", r.style.transform = `translate(${o.left}px, ${o.top}px) scale(${e})`, r.id = `drag-image-${n}`, document.body.appendChild(r), r;
-}, Kt = (t, n, e, o, r) => {
+  return r.removeAttribute("data-panel-id"), Gt(t, r), r.style.position = "fixed", r.style.top = "0px", r.style.left = "0px", r.style.width = `${t.offsetWidth}px`, r.style.height = `${t.offsetHeight}px`, r.style.pointerEvents = "none", r.style.zIndex = "1000", r.style.opacity = "0.5", r.style.margin = "0", r.style.transition = "none", r.style.boxShadow = "0 8px 32px rgba(0,0,0,0.3)", r.style.transformOrigin = "top left", r.style.transform = `translate(${o.left}px, ${o.top}px) scale(${e})`, r.id = `drag-image-${n}`, document.body.appendChild(r), r;
+}, Jt = (t, n, e, o, r) => {
   t.style.transform = `translate(${n - o.x}px, ${e - o.y}px) scale(${r * 1.05})`;
-}, er = (t, n) => {
+}, tr = (t, n) => {
   let e = n.closest("[data-drop-zone]");
   for (; e !== null && e.closest("[data-aqdd-layout]") !== t; ) {
     const o = e.parentElement;
     e = o === null ? null : o.closest("[data-drop-zone]");
   }
   return e;
-}, tr = (t, n, e) => {
-  const o = document.elementFromPoint(n, e), r = o === null ? null : er(t, o);
+}, nr = (t, n, e) => {
+  const o = document.elementFromPoint(n, e), r = o === null ? null : tr(t, o);
   if (r === null) return null;
   let a = null;
-  for (const l of r.querySelectorAll("[data-placeholder-index]")) {
-    if (l.closest("[data-drop-zone]") !== r) continue;
-    const { top: u, bottom: f } = l.getBoundingClientRect(), b = e < u ? u - e : e > f ? e - f : 0;
-    (a === null || b < a.distance) && (a = { insertIndex: Number(l.getAttribute("data-placeholder-index")), distance: b });
+  for (const i of r.querySelectorAll("[data-placeholder-index]")) {
+    if (i.closest("[data-drop-zone]") !== r) continue;
+    const { top: d, bottom: m } = i.getBoundingClientRect(), w = e < d ? d - e : e > m ? e - m : 0;
+    (a === null || w < a.distance) && (a = { insertIndex: Number(i.getAttribute("data-placeholder-index")), distance: w });
   }
   return a === null ? null : { columnIndex: Number(r.getAttribute("data-column-index")), insertIndex: a.insertIndex };
-}, Se = {
+}, Me = {
   triggerDistance: 80,
   scrollSpeed: 5,
   maxScrollSpeed: 20
-}, nt = () => new DOMRect(0, 0, window.innerWidth, window.innerHeight), nr = (t) => {
-  const n = t.getBoundingClientRect(), e = nt(), o = Math.max(n.left, e.left), r = Math.max(n.top, e.top), a = Math.min(n.right, e.right), l = Math.min(n.bottom, e.bottom);
-  return a > o && l > r ? new DOMRect(o, r, a - o, l - r) : null;
-}, St = (t, n, e = Se, o) => {
-  const { triggerDistance: r, scrollSpeed: a, maxScrollSpeed: l } = e, u = o === void 0 ? nt() : nr(o);
-  if (u === null) return { x: 0, y: 0 };
-  const { left: f, top: b, right: y, bottom: A } = u;
-  let z = 0, E = 0;
-  if (t >= f && t <= y && n >= b && n <= A) {
-    if (t < f + r) {
-      const c = Math.max(0, (f + r - t) / r);
-      z = -Math.min(l, a + c * (l - a));
-    } else if (t > y - r) {
-      const c = Math.max(0, (t - (y - r)) / r);
-      z = Math.min(l, a + c * (l - a));
+}, nt = () => {
+  const t = window.visualViewport;
+  return t ? new DOMRect(t.offsetLeft, t.offsetTop, t.width, t.height) : new DOMRect(0, 0, window.innerWidth, window.innerHeight);
+}, rr = (t) => {
+  const n = t.getBoundingClientRect(), e = nt(), o = Math.max(n.left, e.left), r = Math.max(n.top, e.top), a = Math.min(n.right, e.right), i = Math.min(n.bottom, e.bottom);
+  return a > o && i > r ? new DOMRect(o, r, a - o, i - r) : null;
+}, Mt = (t, n, e = Me, o) => {
+  const { triggerDistance: r, scrollSpeed: a, maxScrollSpeed: i } = e, d = o === void 0 ? nt() : rr(o);
+  if (d === null) return { x: 0, y: 0 };
+  const { left: m, top: w, right: b, bottom: A } = d;
+  let q = 0, j = 0;
+  if (t >= m && t <= b && n >= w && n <= A) {
+    if (t < m + r) {
+      const E = Math.max(0, (m + r - t) / r);
+      q = -Math.min(i, a + E * (i - a));
+    } else if (t > b - r) {
+      const E = Math.max(0, (t - (b - r)) / r);
+      q = Math.min(i, a + E * (i - a));
     }
-    if (n < b + r) {
-      const c = Math.max(0, (b + r - n) / r);
-      E = -Math.min(l, a + c * (l - a));
+    if (n < w + r) {
+      const E = Math.max(0, (w + r - n) / r);
+      j = -Math.min(i, a + E * (i - a));
     } else if (n > A - r) {
-      const c = Math.max(0, (n - (A - r)) / r);
-      E = Math.min(l, a + c * (l - a));
+      const E = Math.max(0, (n - (A - r)) / r);
+      j = Math.min(i, a + E * (i - a));
     }
   }
-  return { x: z, y: E };
-}, rr = (t, n) => {
+  return { x: q, y: j };
+}, or = (t, n) => {
   if (t === document.documentElement) return !1;
   if (t === document.body) {
     const r = window.getComputedStyle(document.documentElement);
@@ -829,20 +832,20 @@ const Vt = "[data-aqdd-scroll-root]", Ee = "data-aqdd-panel-action", Gn = 0.25,
   }
   const e = window.getComputedStyle(t), o = n === "x" ? e.overflowX : e.overflowY;
   return o === "auto" || o === "scroll";
-}, or = (t, n, e, o) => e === "x" ? o > 0 ? t.right - n.right : n.left - t.left : o > 0 ? t.bottom - n.bottom : n.top - t.top, Jt = (t, n, e) => {
+}, sr = (t, n, e, o) => e === "x" ? o > 0 ? t.right - n.right : n.left - t.left : o > 0 ? t.bottom - n.bottom : n.top - t.top, Qt = (t, n, e) => {
   const o = n === "x" ? t.scrollLeft : t.scrollTop;
   return t.scrollBy(n === "x" ? { left: e, behavior: "instant" } : { top: e, behavior: "instant" }), (n === "x" ? t.scrollLeft : t.scrollTop) !== o;
 }, At = (t, n, e, o, r) => {
-  const a = or(e, n, o, r);
-  return a > 0 && Jt(t, o, Math.sign(r) * Math.min(Math.abs(r), a));
+  const a = sr(e, n, o, r);
+  return a > 0 && Qt(t, o, Math.sign(r) * Math.min(Math.abs(r), a));
 }, $t = (t, n, e) => {
-  if (Jt(t, n, e)) return;
+  if (Qt(t, n, e)) return;
   const o = t.getBoundingClientRect();
   for (let a = t.parentElement; a !== null; a = a.parentElement)
-    if (rr(a, n) && At(a, a.getBoundingClientRect(), o, n, e)) return;
+    if (or(a, n) && At(a, a.getBoundingClientRect(), o, n, e)) return;
   const r = document.scrollingElement;
   r instanceof Element && r !== t && At(r, nt(), o, n, e);
-}, sr = (t, n) => {
+}, ar = (t, n) => {
   if (n === void 0) {
     (t.x !== 0 || t.y !== 0) && window.scrollBy(t.x, t.y);
     return;
@@ -857,7 +860,7 @@ class rt {
    * @param config - The edge bands and speeds. 端の帯と速さ。
    * @param scrollElement - The element to scroll. スクロールする要素。
    */
-  constructor(n = Se, e) {
+  constructor(n = Me, e) {
     this.intervalId = null, this.isActive = !1, this.pointX = 0, this.pointY = 0, this.config = n, this.scrollElement = e;
   }
   /**
@@ -878,8 +881,8 @@ class rt {
    */
   start(n, e) {
     this.pointX = n, this.pointY = e, !this.isActive && (this.isActive = !0, this.intervalId = window.setInterval(() => {
-      const o = St(this.pointX, this.pointY, this.config, this.scrollElement);
-      sr(o, this.scrollElement);
+      const o = Mt(this.pointX, this.pointY, this.config, this.scrollElement);
+      ar(o, this.scrollElement);
     }, 16));
   }
   /**
@@ -892,7 +895,7 @@ class rt {
    */
   update(n, e) {
     this.pointX = n, this.pointY = e;
-    const o = St(n, e, this.config, this.scrollElement);
+    const o = Mt(n, e, this.config, this.scrollElement);
     (o.x !== 0 || o.y !== 0) && !this.isActive ? this.start(n, e) : o.x === 0 && o.y === 0 && this.isActive && this.stop();
   }
   /**
@@ -921,123 +924,123 @@ class rt {
     this.config = n;
   }
 }
-const Tt = "custom-dragging", ar = (t, n) => t === null ? n === null : n !== null && t.columnIndex === n.columnIndex && t.insertIndex === n.insertIndex, Lt = (t, n, e) => {
-  const { left: o, top: r, right: a, bottom: l } = t.getBoundingClientRect();
-  return n < o || n > a || e < r || e > l;
-}, lr = (t, n) => {
+const Tt = "custom-dragging", lr = (t, n) => t === null ? n === null : n !== null && t.columnIndex === n.columnIndex && t.insertIndex === n.insertIndex, Rt = (t, n, e) => {
+  const { left: o, top: r, right: a, bottom: i } = t.getBoundingClientRect();
+  return n < o || n > a || e < r || e > i;
+}, ir = (t, n) => {
   let e = null;
-  const o = (d) => {
-    const $ = t(), T = $.layoutRef.current;
-    if (T === null || Lt(T, d.x, d.y)) return null;
-    const Y = tr(T, d.x, d.y), G = $.originOf(d.panelId);
-    return Y === null || G === null || et(G, Y.columnIndex, Y.insertIndex) ? null : Y;
+  const o = (l) => {
+    const _ = t(), L = _.layoutRef.current;
+    if (L === null || Rt(L, l.x, l.y)) return null;
+    const B = nr(L, l.x, l.y), J = _.originOf(l.panelId);
+    return B === null || J === null || et(J, B.columnIndex, B.insertIndex) ? null : B;
   }, r = () => {
     if (e === null || e.phase !== "dragging") return;
-    const d = o(e);
-    n(($) => $ === null || ar($.over, d) ? $ : { panelId: $.panelId, over: d });
-  }, a = (d) => {
-    if (e === null || d.pointerId !== e.pointerId) return;
-    if (e.x = d.clientX, e.y = d.clientY, e.phase === "pressing") {
-      Math.hypot(e.x - e.startX, e.y - e.startY) > t().config.slop && E();
+    const l = o(e);
+    n((_) => _ === null || lr(_.over, l) ? _ : { panelId: _.panelId, over: l });
+  }, a = (l) => {
+    if (e === null || l.pointerId !== e.pointerId) return;
+    if (e.x = l.clientX, e.y = l.clientY, e.phase === "pressing") {
+      Math.hypot(e.x - e.startX, e.y - e.startY) > t().config.slop && j();
       return;
     }
-    const $ = t(), T = $.layoutRef.current;
-    if (T === null || Lt(T, e.x, e.y)) {
-      c();
+    const _ = t(), L = _.layoutRef.current;
+    if (L === null || Rt(L, e.x, e.y)) {
+      E();
       return;
     }
-    Kt(e.image, e.x, e.y, e.offset, $.scale), e.edgeScroll.update(e.x, e.y), r();
-  }, l = (d) => {
-    if (e === null || d.pointerId !== e.pointerId) return;
+    Jt(e.image, e.x, e.y, e.offset, _.scale), e.edgeScroll.update(e.x, e.y), r();
+  }, i = (l) => {
+    if (e === null || l.pointerId !== e.pointerId) return;
     if (e.phase === "pressing") {
-      E();
+      j();
       return;
     }
-    e.x = d.clientX, e.y = d.clientY;
-    const $ = o(e), T = E();
-    if (T === null) return;
-    const Y = t();
-    $ === null ? Y.onCancel(T.panelId) : Y.onDrop(T.panelId, $);
-  }, u = (d) => {
-    e !== null && d.pointerId === e.pointerId && c();
-  }, f = (d) => {
-    e !== null && e.phase === "pressing" && d.pointerId !== e.pointerId && E();
-  }, b = (d) => {
-    e !== null && e.phase === "dragging" && d.pointerId === e.pointerId && d.target === e.header && c();
-  }, y = (d) => {
-    e === null || e.phase !== "dragging" || d.key !== "Escape" || d.defaultPrevented || d.isComposing || (d.preventDefault(), c());
+    e.x = l.clientX, e.y = l.clientY;
+    const _ = o(e), L = j();
+    if (L === null) return;
+    const B = t();
+    _ === null ? B.onCancel(L.panelId) : B.onDrop(L.panelId, _);
+  }, d = (l) => {
+    e !== null && l.pointerId === e.pointerId && E();
+  }, m = (l) => {
+    e !== null && e.phase === "pressing" && l.pointerId !== e.pointerId && j();
+  }, w = (l) => {
+    e !== null && e.phase === "dragging" && l.pointerId === e.pointerId && l.target === e.header && E();
+  }, b = (l) => {
+    e === null || e.phase !== "dragging" || l.key !== "Escape" || l.defaultPrevented || l.isComposing || (l.preventDefault(), E());
   }, A = () => {
-    document.addEventListener("pointermove", a, !0), document.addEventListener("pointerup", l, !0), document.addEventListener("pointercancel", u, !0), document.addEventListener("pointerdown", f, !0), document.addEventListener("lostpointercapture", b, !0), document.addEventListener("keydown", y, !0);
-  }, z = () => {
-    document.removeEventListener("pointermove", a, !0), document.removeEventListener("pointerup", l, !0), document.removeEventListener("pointercancel", u, !0), document.removeEventListener("pointerdown", f, !0), document.removeEventListener("lostpointercapture", b, !0), document.removeEventListener("keydown", y, !0);
+    document.addEventListener("pointermove", a, !0), document.addEventListener("pointerup", i, !0), document.addEventListener("pointercancel", d, !0), document.addEventListener("pointerdown", m, !0), document.addEventListener("lostpointercapture", w, !0), document.addEventListener("keydown", b, !0);
+  }, q = () => {
+    document.removeEventListener("pointermove", a, !0), document.removeEventListener("pointerup", i, !0), document.removeEventListener("pointercancel", d, !0), document.removeEventListener("pointerdown", m, !0), document.removeEventListener("lostpointercapture", w, !0), document.removeEventListener("keydown", b, !0);
+  }, j = () => {
+    const l = e;
+    return l === null ? null : (e = null, q(), l.phase === "pressing" ? (window.clearTimeout(l.timer), l) : (document.removeEventListener("scroll", r, !0), l.edgeScroll.stop(), l.image.remove(), document.body.classList.remove(Tt), l.header.hasPointerCapture(l.pointerId) && l.header.releasePointerCapture(l.pointerId), n(null), l));
   }, E = () => {
-    const d = e;
-    return d === null ? null : (e = null, z(), d.phase === "pressing" ? (window.clearTimeout(d.timer), d) : (document.removeEventListener("scroll", r, !0), d.edgeScroll.stop(), d.image.remove(), document.body.classList.remove(Tt), d.header.hasPointerCapture(d.pointerId) && d.header.releasePointerCapture(d.pointerId), n(null), d));
-  }, c = () => {
-    const d = E();
-    d !== null && d.phase === "dragging" && t().onCancel(d.panelId);
-  }, P = () => {
+    const l = j();
+    l !== null && l.phase === "dragging" && t().onCancel(l.panelId);
+  }, C = () => {
     if (e === null || e.phase !== "pressing") return;
-    const d = e, $ = t(), T = $.panelElementOf(d.panelId), Y = $.scrollRootRef.current;
-    if (!$.canStart || T === null || Y === null || !d.header.isConnected) {
-      E();
+    const l = e, _ = t(), L = _.panelElementOf(l.panelId), B = _.scrollRootRef.current;
+    if (!_.canStart || L === null || B === null || !l.header.isConnected) {
+      j();
       return;
     }
     try {
-      d.header.setPointerCapture(d.pointerId);
-    } catch (v) {
-      if (v instanceof DOMException) {
-        E();
+      l.header.setPointerCapture(l.pointerId);
+    } catch (x) {
+      if (x instanceof DOMException) {
+        j();
         return;
       }
-      throw v;
+      throw x;
     }
-    const { left: G, top: g } = T.getBoundingClientRect();
+    const { left: J, top: p } = L.getBoundingClientRect();
     e = {
       phase: "dragging",
-      pointerId: d.pointerId,
-      panelId: d.panelId,
-      header: d.header,
-      image: Gt(T, d.panelId, $.scale),
-      offset: { x: d.x - G, y: d.y - g },
-      edgeScroll: new rt(Se, Y),
-      x: d.x,
-      y: d.y
-    }, document.addEventListener("scroll", r, { capture: !0, passive: !0 }), document.body.classList.add(Tt), n({ panelId: d.panelId, over: null }), $.onLift(d.panelId);
+      pointerId: l.pointerId,
+      panelId: l.panelId,
+      header: l.header,
+      image: Kt(L, l.panelId, _.scale),
+      offset: { x: l.x - J, y: l.y - p },
+      edgeScroll: new rt(Me, B),
+      x: l.x,
+      y: l.y
+    }, document.addEventListener("scroll", r, { capture: !0, passive: !0 }), document.body.classList.add(Tt), n({ panelId: l.panelId, over: null }), _.onLift(l.panelId);
   };
-  return { pressHeader: (d, $) => {
-    if (e !== null || !d.isPrimary || d.button !== 0 || d.pointerType !== "touch" && d.pointerType !== "pen") return;
-    const T = t();
-    T.canStart && (d.target instanceof Element && d.target.closest(`[${Ee}]`) !== null || (e = {
+  return { pressHeader: (l, _) => {
+    if (e !== null || !l.isPrimary || l.button !== 0 || l.pointerType !== "touch" && l.pointerType !== "pen") return;
+    const L = t();
+    L.canStart && (l.target instanceof Element && l.target.closest(`[${Ee}]`) !== null || (e = {
       phase: "pressing",
-      pointerId: d.pointerId,
-      panelId: $,
-      header: d.currentTarget,
-      startX: d.clientX,
-      startY: d.clientY,
-      timer: window.setTimeout(P, T.config.longPressDelay),
-      x: d.clientX,
-      y: d.clientY
+      pointerId: l.pointerId,
+      panelId: _,
+      header: l.currentTarget,
+      startX: l.clientX,
+      startY: l.clientY,
+      timer: window.setTimeout(C, L.config.longPressDelay),
+      x: l.clientX,
+      y: l.clientY
     }, A()));
-  }, holdContextMenu: (d) => {
-    e !== null && e.header === d.currentTarget && d.preventDefault();
-  }, bindHeader: (d) => {
-    if (d === null) return;
-    const $ = (T) => {
-      e !== null && e.phase === "dragging" && e.header === d && T.cancelable && T.preventDefault();
+  }, holdContextMenu: (l) => {
+    e !== null && e.header === l.currentTarget && l.preventDefault();
+  }, bindHeader: (l) => {
+    if (l === null) return;
+    const _ = (L) => {
+      e !== null && e.phase === "dragging" && e.header === l && L.cancelable && L.preventDefault();
     };
-    return d.addEventListener("touchmove", $, { passive: !1 }), () => d.removeEventListener("touchmove", $);
-  }, cancel: c, dispose: () => {
-    E();
+    return l.addEventListener("touchmove", _, { passive: !1 }), () => l.removeEventListener("touchmove", _);
+  }, cancel: E, dispose: () => {
+    j();
   } };
-}, ir = (t) => {
-  const n = W(t);
+}, cr = (t) => {
+  const n = I(t);
   we(() => {
     n.current = t;
   });
-  const [e, o] = se(null), [r] = se(() => lr(() => n.current, o));
-  return ee(() => r.dispose, [r]), { touchDrag: e, pressHeader: r.pressHeader, holdContextMenu: r.holdContextMenu, bindHeader: r.bindHeader, cancel: r.cancel };
-}, qe = Object.freeze({
+  const [e, o] = se(null), [r] = se(() => ir(() => n.current, o));
+  return oe(() => r.dispose, [r]), { touchDrag: e, pressHeader: r.pressHeader, holdContextMenu: r.holdContextMenu, bindHeader: r.bindHeader, cancel: r.cancel };
+}, Ie = Object.freeze({
   switchToCustomDragMode: { text: "カスタムドラッグモードに切り替え", lang: "ja" },
   switchToNormalDragMode: { text: "通常ドラッグモードに戻す", lang: "ja" },
   hidePanel: { text: "パネルを非表示", lang: "ja" },
@@ -1060,14 +1063,14 @@ const Tt = "custom-dragging", ar = (t, n) => t === null ? n === null : n !== nul
   dropZone: { text: "Drop zone for column {column}", lang: "en" },
   dropHere: { text: "パネルをここにドロップ", lang: "ja" },
   resizeColumn: { text: "{column} 列目のカラム幅を調整", lang: "ja" }
-}), _t = new Set(Object.keys(qe)), cr = Object.freeze({
+}), _t = new Set(Object.keys(Ie)), ur = Object.freeze({
   panelMoved: Object.freeze(["title", "column", "position"]),
   panelMoveUnavailable: Object.freeze(["title", "move"]),
   panelDragStarted: Object.freeze(["title"]),
   panelDragCancelled: Object.freeze(["title"]),
   dropZone: Object.freeze(["column"]),
   resizeColumn: Object.freeze(["column"])
-}), Qt = /\{(\w+)\}/g, Hr = Object.freeze(Object.fromEntries(Object.entries(qe).map(([t, n]) => [t, n.text]))), ur = (t) => {
+}), en = /\{(\w+)\}/g, Fr = Object.freeze(Object.fromEntries(Object.entries(Ie).map(([t, n]) => [t, n.text]))), dr = (t) => {
   if (t !== void 0) {
     const e = t;
     if (e === null || typeof e != "object")
@@ -1077,19 +1080,19 @@ const Tt = "custom-dragging", ar = (t, n) => t === null ? n === null : n !== nul
         throw new RangeError(`[@aiquants/drag-drop-panels] labels has the unknown key "${o}"; the labels are ${[..._t].join(", ")}`);
   }
   const n = {};
-  for (const e of Object.keys(qe)) {
+  for (const e of Object.keys(Ie)) {
     const o = t?.[e];
     if (o === void 0) {
-      n[e] = qe[e];
+      n[e] = Ie[e];
       continue;
     }
     if (typeof o != "string")
       throw new TypeError(`[@aiquants/drag-drop-panels] label "${e}" must be a string; got ${o === null ? "null" : typeof o}`);
-    const r = cr[e];
+    const r = ur[e];
     if (r !== void 0) {
-      for (const [, a] of o.matchAll(Qt))
+      for (const [, a] of o.matchAll(en))
         if (!r.includes(a))
-          throw new RangeError(`[@aiquants/drag-drop-panels] label "${e}" uses the unknown placeholder {${a}}; it accepts ${r.map((l) => `{${l}}`).join(", ")}`);
+          throw new RangeError(`[@aiquants/drag-drop-panels] label "${e}" uses the unknown placeholder {${a}}; it accepts ${r.map((i) => `{${i}}`).join(", ")}`);
     }
     n[e] = { text: o, lang: void 0 };
   }
@@ -1097,104 +1100,91 @@ const Tt = "custom-dragging", ar = (t, n) => t === null ? n === null : n !== nul
 }, ze = (t, n) => {
   const e = [], o = (r, a) => {
     if (r === "") return;
-    const l = e[e.length - 1];
-    if (l !== void 0 && l.lang === a) {
-      e[e.length - 1] = { text: `${l.text}${r}`, lang: a };
+    const i = e[e.length - 1];
+    if (i !== void 0 && i.lang === a) {
+      e[e.length - 1] = { text: `${i.text}${r}`, lang: a };
       return;
     }
     e.push({ text: r, lang: a });
   };
-  for (const [r, a] of t.text.split(Qt).entries()) {
+  for (const [r, a] of t.text.split(en).entries()) {
     if (r % 2 === 0) {
       o(a, t.lang);
       continue;
     }
-    const l = n[a];
-    if (l === void 0) throw new RangeError(`[@aiquants/drag-drop-panels] no value for the placeholder {${a}} of "${t.text}"`);
-    typeof l == "number" ? o(String(l), t.lang) : o(l.text, l.lang);
+    const i = n[a];
+    if (i === void 0) throw new RangeError(`[@aiquants/drag-drop-panels] no value for the placeholder {${a}} of "${t.text}"`);
+    typeof i == "number" ? o(String(i), t.lang) : o(i.text, i.lang);
   }
   return e;
-}, Rt = (t, n) => ({
+}, Lt = (t, n) => ({
   text: ze(t, n).map((e) => e.text).join(""),
   lang: t.lang
-}), dr = 229, hr = /* @__PURE__ */ new Set(["", "auto", "hint"]), mr = (t) => {
+}), hr = 229, mr = /* @__PURE__ */ new Set(["", "auto", "hint"]), fr = (t) => {
   for (const n of t.querySelectorAll("[popover]")) {
     const e = n.getAttribute("popover");
-    if (e !== null && hr.has(e.toLowerCase()) && n.matches(":popover-open")) return !0;
+    if (e !== null && mr.has(e.toLowerCase()) && n.matches(":popover-open")) return !0;
   }
   return !1;
-}, fr = (t) => t.key !== "Escape" || t.defaultPrevented || t.isComposing || t.keyCode === dr || t.target instanceof Element && t.target.closest("dialog[open]") !== null ? !1 : !("popover" in HTMLElement.prototype && mr(document)), en = ({ columnId: t, onResizeStart: n, onResize: e, onResizeEnd: o, isResizing: r = !1, position: a = "right", className: l = "", debug: u = {}, label: f }) => {
-  const b = W(!1), y = W(null);
-  ee(() => {
-    !r && b.current && (O(u, 1, "外部からのリサイズ解除を検出、ドラッグ状態を強制解除:", t), b.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
-  }, [r, t, u]);
-  const A = D(
-    (c) => {
-      c.preventDefault(), c.stopPropagation(), O(u, 2, "リサイズハンドル マウスダウン:", t), b.current = !0, n(t, c.clientX), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.body.classList.add("resizing-column");
-    },
-    [t, n, u]
-  );
-  ee(() => {
-    const c = (k) => {
-      b.current && (k.preventDefault(), e(k.clientX));
-    }, P = () => {
-      b.current && (O(u, 2, "リサイズハンドル マウスアップ:", t), b.current = !1, o(), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
-    };
-    return document.addEventListener("mousemove", c), document.addEventListener("mouseup", P), () => {
-      document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", P);
-    };
-  }, [t, e, o, u]);
-  const z = D(
-    (c) => {
-      c.preventDefault(), c.stopPropagation();
-      const P = c.touches[0];
-      O(u, 2, "リサイズハンドル タッチスタート:", t), b.current = !0, n(t, P.clientX), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.body.classList.add("resizing-column");
-    },
-    [t, n, u]
-  );
-  ee(() => {
-    const c = (k) => {
-      if (!b.current) return;
-      k.preventDefault();
-      const S = k.touches[0];
-      e(S.clientX);
-    }, P = () => {
-      b.current && (O(u, 2, "リサイズハンドル タッチエンド:", t), b.current = !1, o(), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
-    };
-    return document.addEventListener("touchmove", c, { passive: !1 }), document.addEventListener("touchend", P), () => {
-      document.removeEventListener("touchmove", c), document.removeEventListener("touchend", P);
+}, pr = (t) => t.key !== "Escape" || t.defaultPrevented || t.isComposing || t.keyCode === hr || t.target instanceof Element && t.target.closest("dialog[open]") !== null ? !1 : !("popover" in HTMLElement.prototype && fr(document)), gr = "resizing-column", zt = (t) => {
+  document.body.style.cursor = t ? "col-resize" : "", document.body.style.userSelect = t ? "none" : "", document.body.classList.toggle(gr, t);
+}, tn = ({ columnId: t, onResizeStart: n, onResize: e, onResizeEnd: o, isResizing: r = !1, position: a = "right", className: i = "", debug: d = {}, label: m }) => {
+  const w = I({ columnId: t, onResize: e, onResizeEnd: o, debug: d });
+  we(() => {
+    w.current = { columnId: t, onResize: e, onResizeEnd: o, debug: d };
+  });
+  const b = I(null);
+  oe(() => {
+    r || b.current?.();
+  }, [r]), oe(() => () => b.current?.(), []);
+  const A = (j) => {
+    if (b.current !== null || !j.isPrimary || j.button !== 0) return;
+    const E = j.currentTarget, { pointerId: C } = j;
+    try {
+      E.setPointerCapture(C);
+    } catch (l) {
+      if (l instanceof DOMException) return;
+      throw l;
+    }
+    j.preventDefault(), j.stopPropagation(), M(d, 2, "リサイズハンドル ポインタダウン:", t, j.pointerType);
+    const T = (l) => {
+      l.pointerId === C && w.current.onResize(l.clientX);
+    }, h = (l) => {
+      l.pointerId === C && N(!0);
+    }, P = (l) => {
+      l.pointerId === C && N(!0);
+    }, N = (l) => {
+      b.current = null, document.removeEventListener("pointermove", T, !0), document.removeEventListener("pointerup", h, !0), document.removeEventListener("pointercancel", h, !0), E.removeEventListener("lostpointercapture", P), E.hasPointerCapture(C) && E.releasePointerCapture(C), zt(!1), M(w.current.debug, l ? 2 : 1, l ? "リサイズハンドル 終了:" : "リサイズハンドル 中断:", w.current.columnId), l && w.current.onResizeEnd();
     };
-  }, [t, e, o, u]), ee(() => () => {
-    b.current && (O(u, 1, "リサイズハンドルアンマウント時のクリーンアップ:", t), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
-  }, [t, u]);
-  const E = ["resize-handle", a, r ? "resizing" : "", l].filter(Boolean).join(" ");
+    b.current = () => N(!1), document.addEventListener("pointermove", T, !0), document.addEventListener("pointerup", h, !0), document.addEventListener("pointercancel", h, !0), E.addEventListener("lostpointercapture", P), zt(!0), n(t, j.clientX);
+  }, q = ["resize-handle", a, r ? "resizing" : "", i].filter(Boolean).join(" ");
   return (
     // biome-ignore lint/a11y/useFocusableInteractive: リサイズハンドルとして機能するためインタラクティブである必要がある
     // biome-ignore lint/a11y/useSemanticElements: divを使用するが、aria-roleでセマンティックな意味を提供している
     // biome-ignore lint/a11y/useAriaPropsForRole: リサイズハンドルのため、値の範囲を指定することが難しい
-    /* @__PURE__ */ s.jsxs("div", { ref: y, className: E, onMouseDown: A, onTouchStart: z, "data-column-id": t, "data-position": a, "aria-label": f.text, lang: f.lang, role: "separator", "aria-orientation": "vertical", children: [
+    /* @__PURE__ */ s.jsxs("div", { className: q, onPointerDown: A, "data-column-id": t, "data-position": a, "aria-label": m.text, lang: m.lang, role: "separator", "aria-orientation": "vertical", children: [
       /* @__PURE__ */ s.jsx("div", { className: "resize-handle-bar" }),
-      u.showPanelSizes && /* @__PURE__ */ s.jsxs("div", { className: "resize-handle-debug-info", children: [
+      d.showPanelSizes && /* @__PURE__ */ s.jsxs("div", { className: "resize-handle-debug-info", children: [
         t,
         r && " (resizing)"
       ] })
     ] })
   );
-}, Yr = ({ columnId: t, width: n, minWidth: e = 100, maxWidth: o = 800, onResizeStart: r, onResize: a, onResizeEnd: l, isResizing: u = !1, resizable: f = !0, className: b = "", debug: y = {}, resizeHandleLabel: A, children: z }) => {
-  const E = ["resizable-column", u ? "resizing" : "", b].filter(Boolean).join(" ");
-  return ee(() => {
-    const c = document.querySelector(`[data-column-id="${t}"]`);
-    c && (c.style.setProperty("--column-width", `${n}px`), c.style.setProperty("--column-min-width", `${e}px`), c.style.setProperty("--column-max-width", `${o}px`));
-  }, [t, n, e, o]), /* @__PURE__ */ s.jsxs("div", { className: E, "data-column-id": t, "data-width": n, "data-min-width": e, "data-max-width": o, children: [
-    z,
-    f && /* @__PURE__ */ s.jsx(en, { columnId: t, onResizeStart: r, onResize: a, onResizeEnd: l, isResizing: u, position: "right", debug: y, label: A }),
-    y.showPanelSizes && /* @__PURE__ */ s.jsxs("div", { className: "column-debug-size", children: [
+}, Br = ({ columnId: t, width: n, minWidth: e = 100, maxWidth: o = 800, onResizeStart: r, onResize: a, onResizeEnd: i, isResizing: d = !1, resizable: m = !0, className: w = "", debug: b = {}, resizeHandleLabel: A, children: q }) => {
+  const j = ["resizable-column", d ? "resizing" : "", w].filter(Boolean).join(" ");
+  return oe(() => {
+    const E = document.querySelector(`[data-column-id="${t}"]`);
+    E && (E.style.setProperty("--column-width", `${n}px`), E.style.setProperty("--column-min-width", `${e}px`), E.style.setProperty("--column-max-width", `${o}px`));
+  }, [t, n, e, o]), /* @__PURE__ */ s.jsxs("div", { className: j, "data-column-id": t, "data-width": n, "data-min-width": e, "data-max-width": o, children: [
+    q,
+    m && /* @__PURE__ */ s.jsx(tn, { columnId: t, onResizeStart: r, onResize: a, onResizeEnd: i, isResizing: d, position: "right", debug: b, label: A }),
+    b.showPanelSizes && /* @__PURE__ */ s.jsxs("div", { className: "column-debug-size", children: [
       n,
       "px",
-      u && " ↔"
+      d && " ↔"
     ] })
   ] });
-}, pr = Object.freeze({ longPressDelay: 500, slop: 10 }), Ve = Object.freeze(["longPressDelay", "slop"]), gr = (t) => {
+}, xr = Object.freeze({ longPressDelay: 500, slop: 10 }), Ve = Object.freeze(["longPressDelay", "slop"]), vr = (t) => {
   const n = t;
   if (n === null || typeof n != "object")
     throw new TypeError(`[@aiquants/drag-drop-panels] touchDragConfig must be an object; got ${n === null ? "null" : typeof n}`);
@@ -1208,14 +1198,14 @@ const Tt = "custom-dragging", ar = (t, n) => t === null ? n === null : n !== nul
     if (!Number.isFinite(o) || o < 0)
       throw new RangeError(`[@aiquants/drag-drop-panels] touchDragConfig.${e} must be a finite number of 0 or more; got ${o}`);
   }
-}, zt = Object.freeze({
+}, It = Object.freeze({
   "previous-column": "movePanelToPreviousColumn",
   "next-column": "movePanelToNextColumn",
   up: "movePanelUp",
   down: "movePanelDown"
-}), xr = Object.freeze({ "previous-column": kn, "next-column": On, up: Mn, down: En }), vr = 'input, textarea, select, [contenteditable]:not([contenteditable="false"])', Ze = (t, n) => ({ segments: n, serial: t === null ? 1 : t.serial + 1 }), br = "​", yr = "(prefers-reduced-motion: reduce)", wr = () => typeof window.matchMedia == "function" && window.matchMedia(yr).matches, jr = (t) => {
+}), br = Object.freeze({ "previous-column": Cn, "next-column": On, up: Mn, down: Dn }), yr = 'input, textarea, select, [contenteditable]:not([contenteditable="false"])', Ze = (t, n) => ({ segments: n, serial: t === null ? 1 : t.serial + 1 }), wr = "​", jr = "(prefers-reduced-motion: reduce)", Pr = () => typeof window.matchMedia == "function" && window.matchMedia(jr).matches, Er = (t) => {
   t.key === "Enter" && t.repeat && t.preventDefault();
-}, Me = ({ action: t, label: n, tooltip: e, unavailable: o, keyShortcuts: r, onActivate: a, children: l }) => /* @__PURE__ */ s.jsx(
+}, Se = ({ action: t, label: n, tooltip: e, unavailable: o, keyShortcuts: r, onActivate: a, children: i }) => /* @__PURE__ */ s.jsx(
   "button",
   {
     type: "button",
@@ -1226,12 +1216,12 @@ const Tt = "custom-dragging", ar = (t, n) => t === null ? n === null : n !== nul
     title: e,
     lang: n.lang,
     className: "rounded p-1 motion-safe:transition-colors",
-    onClick: (u) => {
-      u.stopPropagation(), a();
+    onClick: (d) => {
+      d.stopPropagation(), a();
     },
-    children: l
+    children: i
   }
-), Je = hn(
+), Je = mn(
   ({
     index: t,
     columnIndex: n,
@@ -1239,267 +1229,267 @@ const Tt = "custom-dragging", ar = (t, n) => t === null ? n === null : n !== nul
     dragOverPosition: o,
     originalPosition: r,
     onDragEnter: a,
-    onDragLeave: l,
-    debugConfig: u,
-    customDrag: f,
-    label: b
-  }) => /* @__PURE__ */ s.jsx(Bt, { index: t, columnIndex: n, isDragging: e, dragOverPosition: o, originalPosition: r, onDragEnter: a, onDragLeave: l, config: u, customDrag: f, label: b })
+    onDragLeave: i,
+    debugConfig: d,
+    customDrag: m,
+    label: w
+  }) => /* @__PURE__ */ s.jsx(Xt, { index: t, columnIndex: n, isDragging: e, dragOverPosition: o, originalPosition: r, onDragEnter: a, onDragLeave: i, config: d, customDrag: m, label: w })
 );
 Je.displayName = "LocalInsertPlaceholder";
-const Fr = ({
+const Ur = ({
   columns: t,
   panels: n,
   columnPanels: e,
   onColumnPanelsChange: o,
   panelVisibility: r,
   onPanelVisibilityChange: a,
-  dragState: l,
-  dragOverPosition: u,
-  originalPanelPosition: f,
-  dragModes: b,
-  onDragStart: y,
+  dragState: i,
+  dragOverPosition: d,
+  originalPanelPosition: m,
+  dragModes: w,
+  onDragStart: b,
   onDragEnd: A,
-  onPlaceholderDragEnter: z,
-  onPlaceholderDragLeave: E,
-  onDragOverWithInsert: c,
-  onDropWithInsert: P,
-  onColumnDragLeave: k,
-  onPanelClick: S,
-  onPanelMouseDown: N,
-  debugConfig: R,
-  panelSizes: d,
-  setPanelRef: $,
-  enableResize: T = !1,
-  columnWidths: Y,
+  onPlaceholderDragEnter: q,
+  onPlaceholderDragLeave: j,
+  onDragOverWithInsert: E,
+  onDropWithInsert: C,
+  onColumnDragLeave: T,
+  onPanelClick: h,
+  onPanelMouseDown: P,
+  debugConfig: N,
+  panelSizes: l,
+  setPanelRef: _,
+  enableResize: L = !1,
+  columnWidths: B,
   // onColumnWidthChange,
-  onResizeStart: G,
-  onResize: g,
-  onResizeEnd: v,
-  isResizing: L = !1,
-  resizingColumn: w,
-  onPanelSizeInfoClick: m,
-  onToggleDragMode: p,
-  onPanelClose: j,
-  onPanelMaximizeChange: _,
-  customDrag: I,
-  dragHandle: re = "panel",
-  maximizedPanel: V = null,
-  panelClassName: oe = "",
-  scale: h,
-  autoScale: x,
-  onScaleChange: M,
-  scrollRootElement: F = "div",
-  labels: Z,
-  touchDragConfig: ae = pr
+  onResizeStart: J,
+  onResize: p,
+  onResizeEnd: x,
+  isResizing: $ = !1,
+  resizingColumn: W,
+  onPanelSizeInfoClick: v,
+  onToggleDragMode: y,
+  onPanelClose: g,
+  onPanelMaximizeChange: D,
+  customDrag: R,
+  dragHandle: Y = "panel",
+  maximizedPanel: F = null,
+  panelClassName: X = "",
+  scale: u,
+  autoScale: f,
+  onScaleChange: S,
+  scrollRootElement: U = "div",
+  labels: K,
+  touchDragConfig: ae = xr
 }) => {
-  if (F !== "div" && F !== "main")
-    throw new RangeError(`[@aiquants/drag-drop-panels] scrollRootElement must be "div" or "main"; got ${JSON.stringify(F)}`);
-  const X = F, H = Re(() => ur(Z), [Z]);
-  gr(ae);
-  const ve = mn(), ue = Re(() => {
-    const i = {};
-    return n.forEach((C) => {
-      i[C.id] = C;
-    }), i;
-  }, [n]), pe = Re(
+  if (U !== "div" && U !== "main")
+    throw new RangeError(`[@aiquants/drag-drop-panels] scrollRootElement must be "div" or "main"; got ${JSON.stringify(U)}`);
+  const G = U, H = Le(() => dr(K), [K]);
+  vr(ae);
+  const ve = fn(), ue = Le(() => {
+    const c = {};
+    return n.forEach((O) => {
+      c[O.id] = O;
+    }), c;
+  }, [n]), pe = Le(
     () => ({
-      columnKeys: t.map((i) => i.key),
+      columnKeys: t.map((c) => c.key),
       columnPanels: e,
-      panelVisibility: Object.fromEntries(Object.keys(r).map((i) => [i, r[i] === !0 && ue[i] !== void 0]))
+      panelVisibility: Object.fromEntries(Object.keys(r).map((c) => [c, r[c] === !0 && ue[c] !== void 0]))
     }),
     [t, e, r, ue]
-  ), ot = V === null ? null : Pe(pe, V), de = ot !== null, be = W(R);
-  ee(() => {
-    be.current = R;
-  }, [R]);
-  const { containerRef: nn, scale: rn } = Jn(x?.requiredWidth ?? 0, x?.minScale), He = de ? 1 : h ?? (x ? rn : 1), ge = Number.isFinite(He) && He > 0 ? He : 1, st = W(ge);
-  st.current = ge, ee(() => {
-    M && M(ge);
-  }, [ge, M]);
-  const on = ge < 1 ? {
+  ), ot = F === null ? null : Pe(pe, F), de = ot !== null, be = I(N);
+  oe(() => {
+    be.current = N;
+  }, [N]);
+  const { containerRef: rn, scale: on } = Qn(f?.requiredWidth ?? 0, f?.minScale), He = de ? 1 : u ?? (f ? on : 1), ge = Number.isFinite(He) && He > 0 ? He : 1, st = I(ge);
+  st.current = ge, oe(() => {
+    S && S(ge);
+  }, [ge, S]);
+  const sn = ge < 1 ? {
     width: `${100 / ge}%`,
     height: `${100 / ge}%`,
     transform: `scale(${ge})`,
     transformOrigin: "top left"
-  } : void 0, he = W({}), Ye = W(/* @__PURE__ */ new Map());
-  ee(() => {
-    O(be.current, 1, "🎨 DragDropLayout - dragModes props changed:", {
-      dragModes: b,
+  } : void 0, he = I({}), Ye = I(/* @__PURE__ */ new Map());
+  oe(() => {
+    M(be.current, 1, "🎨 DragDropLayout - dragModes props changed:", {
+      dragModes: w,
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      keys: Object.keys(b),
-      values: Object.values(b)
+      keys: Object.keys(w),
+      values: Object.values(w)
     });
-  }, [b]);
-  const [Fe, Ue] = se(null), Ae = W(null), at = W({ arrangement: pe, labels: H, panelComponentMap: ue });
+  }, [w]);
+  const [Fe, Be] = se(null), Ae = I(null), at = I({ arrangement: pe, labels: H, panelComponentMap: ue });
   we(() => {
     at.current = { arrangement: pe, labels: H, panelComponentMap: ue };
   });
-  const lt = W(null), it = W(null), sn = D((i) => {
-    it.current = i;
-  }, []), ct = W(null), Be = (i, C) => {
-    const q = ue[C];
-    if (q === void 0) return;
-    const K = ze(i, { title: { text: q.title, lang: void 0 } });
-    Ue((J) => Ze(J, K));
-  }, ut = (i, C, q, K) => {
-    const J = he.current[i], te = document.activeElement, ne = J instanceof HTMLElement && te !== null && J.contains(te) ? te.closest(`[${Ee}]`)?.getAttribute(Ee) ?? K : null;
-    Ae.current = { panelId: i, from: C, columnPanels: pe.columnPanels, focusAction: ne }, o(q);
-  }, dt = (i) => {
-    for (const [C, q] of t.entries()) {
-      const K = (e[q.key] ?? []).indexOf(i);
-      if (K >= 0) return { columnIndex: C, panelIndex: K };
+  const lt = I(null), it = I(null), an = k((c) => {
+    it.current = c;
+  }, []), ct = I(null), Ue = (c, O) => {
+    const z = ue[O];
+    if (z === void 0) return;
+    const Q = ze(c, { title: { text: z.title, lang: void 0 } });
+    Be((ee) => Ze(ee, Q));
+  }, ut = (c, O, z, Q) => {
+    const ee = he.current[c], ne = document.activeElement, re = ee instanceof HTMLElement && ne !== null && ee.contains(ne) ? ne.closest(`[${Ee}]`)?.getAttribute(Ee) ?? Q : null;
+    Ae.current = { panelId: c, from: O, columnPanels: pe.columnPanels, focusAction: re }, o(z);
+  }, dt = (c) => {
+    for (const [O, z] of t.entries()) {
+      const Q = (e[z.key] ?? []).indexOf(c);
+      if (Q >= 0) return { columnIndex: O, panelIndex: Q };
     }
     return null;
-  }, an = (i, C) => {
-    const q = Pe(pe, i), K = t[C.columnIndex], J = q === null || K === void 0 ? null : Yt(e, i, K.key, C.insertIndex);
-    if (q === null || J === null) {
-      Be(H.panelDragCancelled, i);
+  }, ln = (c, O) => {
+    const z = Pe(pe, c), Q = t[O.columnIndex], ee = z === null || Q === void 0 ? null : Ft(e, c, Q.key, O.insertIndex);
+    if (z === null || ee === null) {
+      Ue(H.panelDragCancelled, c);
       return;
     }
-    ut(i, q, J, null);
-  }, ht = !(l.isDragging || I?.isActive === !0 || de), ke = ir({
+    ut(c, z, ee, null);
+  }, ht = !(i.isDragging || R?.isActive === !0 || de), ke = cr({
     config: ae,
     layoutRef: lt,
     scrollRootRef: it,
     scale: ge,
     canStart: ht,
-    panelElementOf: (i) => he.current[i] ?? null,
+    panelElementOf: (c) => he.current[c] ?? null,
     originOf: dt,
-    onLift: (i) => Be(H.panelDragStarted, i),
-    onDrop: an,
-    onCancel: (i) => Be(H.panelDragCancelled, i)
+    onLift: (c) => Ue(H.panelDragStarted, c),
+    onDrop: ln,
+    onCancel: (c) => Ue(H.panelDragCancelled, c)
   }), { touchDrag: ye } = ke, mt = ye !== null && (!ht || Pe(pe, ye.panelId) === null), ft = ke.cancel;
-  ee(() => {
+  oe(() => {
     mt && ft();
   }, [mt, ft]);
-  const $e = l.isDragging || I?.isActive === !0 || ye !== null;
+  const $e = i.isDragging || R?.isActive === !0 || ye !== null;
   we(() => {
     $e && (Ae.current = null);
   }, [$e]), we(() => {
-    const i = Ae.current;
-    if (i === null || (Ae.current = null, !Vn(i.columnPanels, e, i.panelId))) return;
-    const C = at.current, q = Pe({ ...C.arrangement, columnPanels: e }, i.panelId);
-    if (q === null || q.column === i.from.column && q.index === i.from.index) return;
-    const K = ze(C.labels.panelMoved, { title: { text: C.panelComponentMap[i.panelId].title, lang: void 0 }, column: q.column + 1, position: q.index + 1 });
-    Ue((Q) => Ze(Q, K));
-    const J = he.current[i.panelId];
-    if (i.focusAction === null || J === null || J === void 0) return;
-    const { activeElement: te, body: ne } = document;
-    if (te === null || te === ne) {
-      const Q = J.querySelector(`[${Ee}="${i.focusAction}"]`);
-      Q instanceof HTMLElement && Q.focus({ preventScroll: !0 });
+    const c = Ae.current;
+    if (c === null || (Ae.current = null, !Zn(c.columnPanels, e, c.panelId))) return;
+    const O = at.current, z = Pe({ ...O.arrangement, columnPanels: e }, c.panelId);
+    if (z === null || z.column === c.from.column && z.index === c.from.index) return;
+    const Q = ze(O.labels.panelMoved, { title: { text: O.panelComponentMap[c.panelId].title, lang: void 0 }, column: z.column + 1, position: z.index + 1 });
+    Be((te) => Ze(te, Q));
+    const ee = he.current[c.panelId];
+    if (c.focusAction === null || ee === null || ee === void 0) return;
+    const { activeElement: ne, body: re } = document;
+    if (ne === null || ne === re) {
+      const te = ee.querySelector(`[${Ee}="${c.focusAction}"]`);
+      te instanceof HTMLElement && te.focus({ preventScroll: !0 });
     }
-    const U = document.activeElement;
-    U instanceof HTMLElement && J.contains(U) && U.scrollIntoView({ block: "nearest", inline: "nearest" });
-  }, [e]), ee(() => {
-    if (!(de && _))
+    const V = document.activeElement;
+    V instanceof HTMLElement && ee.contains(V) && V.scrollIntoView({ block: "nearest", inline: "nearest" });
+  }, [e]), oe(() => {
+    if (!(de && D))
       return;
-    const i = (C) => {
-      fr(C) && (C.preventDefault(), _(null));
+    const c = (O) => {
+      pr(O) && (O.preventDefault(), D(null));
     };
-    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
-  }, [de, _]), we(() => {
-    const i = /* @__PURE__ */ new Map();
-    Object.keys(he.current).forEach((ne) => {
-      const U = he.current[ne];
-      if (U) {
-        const Q = U.getBoundingClientRect();
-        i.set(ne, {
-          rect: Q,
-          height: U.offsetHeight,
-          width: U.offsetWidth
+    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
+  }, [de, D]), we(() => {
+    const c = /* @__PURE__ */ new Map();
+    Object.keys(he.current).forEach((re) => {
+      const V = he.current[re];
+      if (V) {
+        const te = V.getBoundingClientRect();
+        c.set(re, {
+          rect: te,
+          height: V.offsetHeight,
+          width: V.offsetWidth
         });
       }
     });
-    const C = Ye.current, q = 300, K = /* @__PURE__ */ new Set();
-    Object.values(e).forEach((ne) => {
-      ne.forEach((U) => {
-        K.add(U);
+    const O = Ye.current, z = 300, Q = /* @__PURE__ */ new Set();
+    Object.values(e).forEach((re) => {
+      re.forEach((V) => {
+        Q.add(V);
       });
-    }), new Set(C.keys()).forEach((ne) => {
-      K.has(ne) || (O(be.current, 1, "パネル削除検出 - クリーンアップ:", ne), C.delete(ne), he.current[ne] && delete he.current[ne]);
+    }), new Set(O.keys()).forEach((re) => {
+      Q.has(re) || (M(be.current, 1, "パネル削除検出 - クリーンアップ:", re), O.delete(re), he.current[re] && delete he.current[re]);
     });
-    const te = !wr();
-    i.forEach((ne, U) => {
-      if (!te) return;
-      const Q = C.get(U);
-      if (Q) {
-        const le = Q.rect.left - ne.rect.left, xe = Q.rect.top - ne.rect.top;
+    const ne = !Pr();
+    c.forEach((re, V) => {
+      if (!ne) return;
+      const te = O.get(V);
+      if (te) {
+        const le = te.rect.left - re.rect.left, xe = te.rect.top - re.rect.top;
         if (le !== 0 || xe !== 0) {
-          O(be.current, 2, "パネル移動検出 - アニメーション開始:", U, { dx: le, dy: xe });
-          const ce = he.current[U];
+          M(be.current, 2, "パネル移動検出 - アニメーション開始:", V, { dx: le, dy: xe });
+          const ce = he.current[V];
           if (ce) {
             const Te = st.current || 1;
             ce.style.transform = `translate(${le / Te}px, ${xe / Te}px)`, ce.style.transition = "none", ce.classList.add("is-moving"), requestAnimationFrame(() => {
-              ce.style.transition = `transform ${q}ms cubic-bezier(0.2, 0, 0.2, 1)`, ce.style.transform = "translate(0, 0)", setTimeout(() => {
+              ce.style.transition = `transform ${z}ms cubic-bezier(0.2, 0, 0.2, 1)`, ce.style.transform = "translate(0, 0)", setTimeout(() => {
                 ce.style.transition = "", ce.style.transform = "", ce.classList.remove("is-moving");
-              }, q);
+              }, z);
             });
           }
         }
       } else {
-        O(be.current, 1, "新規パネル検出 - フェードインアニメーション:", U);
-        const le = he.current[U];
+        M(be.current, 1, "新規パネル検出 - フェードインアニメーション:", V);
+        const le = he.current[V];
         le && (le.style.opacity = "0", le.style.transition = "none", requestAnimationFrame(() => {
-          le.style.transition = `opacity ${q}ms ease-out`, le.style.opacity = "1", setTimeout(() => {
+          le.style.transition = `opacity ${z}ms ease-out`, le.style.opacity = "1", setTimeout(() => {
             le.style.transition = "", le.style.opacity = "";
-          }, q);
+          }, z);
         }));
       }
-    }), Ye.current = i;
+    }), Ye.current = c;
   }, [e]), we(() => {
-    const i = /* @__PURE__ */ new Map();
-    Object.keys(he.current).forEach((C) => {
-      const q = he.current[C];
-      q && i.set(C, { rect: q.getBoundingClientRect(), height: q.offsetHeight, width: q.offsetWidth });
-    }), Ye.current = i;
+    const c = /* @__PURE__ */ new Map();
+    Object.keys(he.current).forEach((O) => {
+      const z = he.current[O];
+      z && c.set(O, { rect: z.getBoundingClientRect(), height: z.offsetHeight, width: z.offsetWidth });
+    }), Ye.current = c;
   }, [ge]);
-  const pt = (i, C, q) => {
+  const pt = (c, O, z) => {
     if ($e) return;
-    const K = Xn(pe, i, C);
-    if (K === null) {
-      if (q) {
-        const J = ze(H.panelMoveUnavailable, { title: { text: ue[i].title, lang: void 0 }, move: H[zt[C]] });
-        Ue((te) => Ze(te, J));
+    const Q = Vn(pe, c, O);
+    if (Q === null) {
+      if (z) {
+        const ee = ze(H.panelMoveUnavailable, { title: { text: ue[c].title, lang: void 0 }, move: H[It[O]] });
+        Be((ne) => Ze(ne, ee));
       }
       return;
     }
-    ut(i, K.from, K.columnPanels, `move-${C}`);
-  }, ln = (i, C) => {
-    if (i.defaultPrevented || de || !(i.target instanceof Node && i.currentTarget.contains(i.target))) return;
-    const q = Zn(i);
-    q !== null && (i.target instanceof Element && i.target.closest(vr) !== null || (i.preventDefault(), !i.repeat && pt(C, q, !0)));
-  }, gt = (i, C) => {
-    const q = ct.current;
-    if (q === "touch" || q === "pen") {
-      i.preventDefault();
+    ut(c, Q.from, Q.columnPanels, `move-${O}`);
+  }, cn = (c, O) => {
+    if (c.defaultPrevented || de || !(c.target instanceof Node && c.currentTarget.contains(c.target))) return;
+    const z = Gn(c);
+    z !== null && (c.target instanceof Element && c.target.closest(yr) !== null || (c.preventDefault(), !c.repeat && pt(O, z, !0)));
+  }, gt = (c, O) => {
+    const z = ct.current;
+    if (z === "touch" || z === "pen") {
+      c.preventDefault();
       return;
     }
-    y(i, C);
-  }, Xe = ye === null ? u : ye.over, xt = ye === null ? f : dt(ye.panelId), cn = (i) => {
-    if (!r[i]) return null;
-    const C = ue[i];
-    if (!C)
-      return O(be.current, 1, `Panel config not found for panelId: ${i}`), null;
-    const q = C.component, K = C.title, J = l.draggedPanel === i || ye?.panelId === i, te = b[i] || "normal";
-    O(be.current, 2, `🎨 renderPanel - ${i}:`, {
-      panelId: i,
-      dragMode: te,
+    b(c, O);
+  }, Xe = ye === null ? d : ye.over, xt = ye === null ? m : dt(ye.panelId), un = (c) => {
+    if (!r[c]) return null;
+    const O = ue[c];
+    if (!O)
+      return M(be.current, 1, `Panel config not found for panelId: ${c}`), null;
+    const z = O.component, Q = O.title, ee = i.draggedPanel === c || ye?.panelId === c, ne = w[c] || "normal";
+    M(be.current, 2, `🎨 renderPanel - ${c}:`, {
+      panelId: c,
+      dragMode: ne,
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
     });
-    const ne = (B) => {
-      he.current[i] = B, $ && $(i, B), B && R.showPanelSizes && requestAnimationFrame(() => {
-        const je = B.getBoundingClientRect(), Ne = window.getComputedStyle(B);
-        O(be.current, 1, `Panel ${i} mounted with size:`, {
+    const re = (Z) => {
+      he.current[c] = Z, _ && _(c, Z), Z && N.showPanelSizes && requestAnimationFrame(() => {
+        const je = Z.getBoundingClientRect(), Ce = window.getComputedStyle(Z);
+        M(be.current, 1, `Panel ${c} mounted with size:`, {
           width: je.width,
           height: je.height,
           x: je.left,
           y: je.top,
-          minHeight: Ne.minHeight,
-          maxHeight: Ne.maxHeight
+          minHeight: Ce.minHeight,
+          maxHeight: Ce.maxHeight
         });
       });
-    }, U = d[i], Q = V === i, le = !!_, xe = () => _?.(Q ? null : i), ce = Q ? null : new Set(Bn(pe, i)), Te = Q ? {
+    }, V = l[c], te = F === c, le = !!D, xe = () => D?.(te ? null : c), ce = te ? null : new Set(Xn(pe, c)), Te = te ? {
       position: "fixed",
       top: "var(--aqdd-maximize-top, 0px)",
       right: "var(--aqdd-maximize-right, 0px)",
@@ -1509,111 +1499,111 @@ const Fr = ({
       minHeight: 0,
       maxHeight: "none"
     } : {
-      minHeight: C.minHeight ?? "200px",
-      maxHeight: C.maxHeight ?? "500px"
-    }, Le = re === "header", bt = te === "normal" && !Le && !Q, yt = te === "normal" && Le && !Q, wt = J ? "cursor-grabbing" : "cursor-grab", jt = `panel-draggable relative flex flex-col overflow-hidden border text-left shadow-lg backdrop-blur-lg ${te === "custom" ? "select-none" : ""}`, dn = Q ? (
+      minHeight: O.minHeight ?? "200px",
+      maxHeight: O.maxHeight ?? "500px"
+    }, Re = Y === "header", bt = ne === "normal" && !Re && !te, yt = ne === "normal" && Re && !te, wt = ee ? "cursor-grabbing" : "cursor-grab", jt = `panel-draggable relative flex flex-col overflow-hidden border text-left shadow-lg backdrop-blur-lg ${ne === "custom" ? "select-none" : ""}`, hn = te ? (
       // 最大化中: 角丸・ホバー演出・grab カーソル無し (下のレイアウトを遮蔽する不透過寄りの面は CSS が data-maximized で描く)
-      `${jt} rounded-none p-4 ${oe}`
-    ) : `${jt} rounded-2xl p-4 motion-safe:transition-all motion-safe:duration-300 motion-safe:hover:-translate-y-1 hover:shadow-xl ${Le ? "" : wt} ${oe}`, Pt = te === "custom" ? H.switchToNormalDragMode : H.switchToCustomDragMode, Et = Q ? H.restorePanel : H.maximizePanel;
+      `${jt} rounded-none p-4 ${X}`
+    ) : `${jt} rounded-2xl p-4 motion-safe:transition-all motion-safe:duration-300 motion-safe:hover:-translate-y-1 hover:shadow-xl ${Re ? "" : wt} ${X}`, Pt = ne === "custom" ? H.switchToNormalDragMode : H.switchToCustomDragMode, Et = te ? H.restorePanel : H.maximizePanel;
     return (
       // biome-ignore lint/a11y/noStaticElementInteractions: クリックイベントを持つ静的要素
       /* @__PURE__ */ s.jsxs(
         "div",
         {
-          ref: ne,
-          "data-panel-id": i,
+          ref: re,
+          "data-panel-id": c,
           "data-aqdd-panel": !0,
-          "data-aqdd-drag-mode": te,
-          "data-dragging": J,
-          "data-maximized": Q || void 0,
+          "data-aqdd-drag-mode": ne,
+          "data-dragging": ee,
+          "data-maximized": te || void 0,
           role: "presentation",
           draggable: bt,
-          onDragStart: (B) => bt && gt(B, i),
+          onDragStart: (Z) => bt && gt(Z, c),
           onDragEnd: A,
-          onClick: (B) => S?.(B, i),
-          onMouseDown: (B) => N?.(B, i),
-          onKeyDown: (B) => ln(B, i),
+          onClick: (Z) => h?.(Z, c),
+          onMouseDown: (Z) => P?.(Z, c),
+          onKeyDown: (Z) => cn(Z, c),
           style: Te,
-          className: dn,
+          className: hn,
           children: [
             /* @__PURE__ */ s.jsxs(
               "div",
               {
                 ref: ke.bindHeader,
                 "data-aqdd-panel-header": !0,
-                className: `relative mb-3 ${Le && !Q ? wt : ""}`,
+                className: `relative mb-3 ${Re && !te ? wt : ""}`,
                 draggable: yt,
-                onDragStart: (B) => yt && gt(B, i),
-                onPointerDown: (B) => ke.pressHeader(B, i),
+                onDragStart: (Z) => yt && gt(Z, c),
+                onPointerDown: (Z) => ke.pressHeader(Z, c),
                 onContextMenu: ke.holdContextMenu,
-                onKeyDown: jr,
-                onDoubleClick: le ? (B) => {
-                  B.stopPropagation(), !(B.target instanceof Element && B.target.closest(`[${Ee}]`) !== null) && xe();
+                onKeyDown: Er,
+                onDoubleClick: le ? (Z) => {
+                  Z.stopPropagation(), !(Z.target instanceof Element && Z.target.closest(`[${Ee}]`) !== null) && xe();
                 } : void 0,
                 children: [
-                  /* @__PURE__ */ s.jsx("h3", { "data-aqdd-panel-title": !0, className: "font-semibold text-lg", children: K }),
+                  /* @__PURE__ */ s.jsx("h3", { "data-aqdd-panel-title": !0, className: "font-semibold text-lg", children: Q }),
                   /* @__PURE__ */ s.jsxs("div", { "data-aqdd-panel-controls": !0, children: [
-                    te === "custom" && /* @__PURE__ */ s.jsx("span", { "data-aqdd-custom-badge": !0, lang: H.customDragModeBadge.lang, className: "rounded-md px-2 py-1 font-medium text-xs", children: H.customDragModeBadge.text }),
+                    ne === "custom" && /* @__PURE__ */ s.jsx("span", { "data-aqdd-custom-badge": !0, lang: H.customDragModeBadge.lang, className: "rounded-md px-2 py-1 font-medium text-xs", children: H.customDragModeBadge.text }),
                     /* @__PURE__ */ s.jsxs("div", { "data-aqdd-panel-buttons": !0, children: [
-                      ce !== null && De.map((B) => {
-                        const je = xr[B], Ne = H[zt[B]], Dt = Ut[B];
-                        return /* @__PURE__ */ s.jsx(Me, { action: `move-${B}`, label: Ne, tooltip: `${Ne.text} (${Dt.text})`, unavailable: !ce.has(B), keyShortcuts: Dt.aria, onActivate: () => pt(i, B, !1), children: /* @__PURE__ */ s.jsx(je, { className: "h-4 w-4", "aria-hidden": "true" }) }, B);
+                      ce !== null && De.map((Z) => {
+                        const je = br[Z], Ce = H[It[Z]], Dt = Ut[Z];
+                        return /* @__PURE__ */ s.jsx(Se, { action: `move-${Z}`, label: Ce, tooltip: `${Ce.text} (${Dt.text})`, unavailable: !ce.has(Z), keyShortcuts: Dt.aria, onActivate: () => pt(c, Z, !1), children: /* @__PURE__ */ s.jsx(je, { className: "h-4 w-4", "aria-hidden": "true" }) }, Z);
                       }),
-                      /* @__PURE__ */ s.jsx(Me, { action: "drag-mode", label: Pt, tooltip: Pt.text, unavailable: !1, keyShortcuts: void 0, onActivate: () => p?.(i), children: te === "custom" ? /* @__PURE__ */ s.jsx(In, { className: "h-4 w-4", "aria-hidden": "true" }) : /* @__PURE__ */ s.jsx(qn, { className: "h-4 w-4", "aria-hidden": "true" }) }),
-                      !Q && /* @__PURE__ */ s.jsx(Me, { action: "hide", label: H.hidePanel, tooltip: H.hidePanel.text, unavailable: !1, keyShortcuts: void 0, onActivate: () => a({ ...r, [i]: !1 }), children: /* @__PURE__ */ s.jsx(Mt, { className: "h-4 w-4", "aria-hidden": "true" }) }),
-                      le && /* @__PURE__ */ s.jsx(Me, { action: Q ? "restore" : "maximize", label: Et, tooltip: Et.text, unavailable: !1, keyShortcuts: void 0, onActivate: xe, children: Q ? /* @__PURE__ */ s.jsx(Rn, { className: "h-4 w-4", "aria-hidden": "true" }) : /* @__PURE__ */ s.jsx(Ln, { className: "h-4 w-4", "aria-hidden": "true" }) }),
-                      j && /* @__PURE__ */ s.jsx(Me, { action: "close", label: H.closePanel, tooltip: H.closePanel.text, unavailable: !1, keyShortcuts: void 0, onActivate: () => j(i), children: /* @__PURE__ */ s.jsx(Ht, { className: "h-4 w-4", "aria-hidden": "true" }) })
+                      /* @__PURE__ */ s.jsx(Se, { action: "drag-mode", label: Pt, tooltip: Pt.text, unavailable: !1, keyShortcuts: void 0, onActivate: () => y?.(c), children: ne === "custom" ? /* @__PURE__ */ s.jsx(Hn, { className: "h-4 w-4", "aria-hidden": "true" }) : /* @__PURE__ */ s.jsx(qn, { className: "h-4 w-4", "aria-hidden": "true" }) }),
+                      !te && /* @__PURE__ */ s.jsx(Se, { action: "hide", label: H.hidePanel, tooltip: H.hidePanel.text, unavailable: !1, keyShortcuts: void 0, onActivate: () => a({ ...r, [c]: !1 }), children: /* @__PURE__ */ s.jsx(St, { className: "h-4 w-4", "aria-hidden": "true" }) }),
+                      le && /* @__PURE__ */ s.jsx(Se, { action: te ? "restore" : "maximize", label: Et, tooltip: Et.text, unavailable: !1, keyShortcuts: void 0, onActivate: xe, children: te ? /* @__PURE__ */ s.jsx(zn, { className: "h-4 w-4", "aria-hidden": "true" }) : /* @__PURE__ */ s.jsx(_n, { className: "h-4 w-4", "aria-hidden": "true" }) }),
+                      g && /* @__PURE__ */ s.jsx(Se, { action: "close", label: H.closePanel, tooltip: H.closePanel.text, unavailable: !1, keyShortcuts: void 0, onActivate: () => g(c), children: /* @__PURE__ */ s.jsx(Yt, { className: "h-4 w-4", "aria-hidden": "true" }) })
                     ] })
                   ] })
                 ]
               }
             ),
-            /* @__PURE__ */ s.jsx("div", { "data-aqdd-scroll-area": !0, className: "panel-scroll-area min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ s.jsx(q, { ...C.props || {} }) }),
-            /* @__PURE__ */ s.jsx(Yn, { config: R, panelId: i, sizeInfo: U, onSizeInfoClick: (B) => m?.(B, i) })
+            /* @__PURE__ */ s.jsx("div", { "data-aqdd-scroll-area": !0, className: "panel-scroll-area min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ s.jsx(z, { ...O.props || {} }) }),
+            /* @__PURE__ */ s.jsx(Fn, { config: N, panelId: c, sizeInfo: V, onSizeInfoClick: (Z) => v?.(Z, c) })
           ]
         },
-        i
+        c
       )
     );
-  }, un = (i, C) => {
-    const q = e[i] || [];
-    let K = !1;
-    for (const U of q)
-      if (r[U]) {
-        K = !0;
+  }, dn = (c, O) => {
+    const z = e[c] || [];
+    let Q = !1;
+    for (const V of z)
+      if (r[V]) {
+        Q = !0;
         break;
       }
-    const J = $e, te = Rt(H.dropZone, { column: C + 1 }), ne = `${ve}-drop-zone-${C}`;
-    return /* @__PURE__ */ s.jsx(Xt, { columnIndex: C, isDragging: J, dragOverPosition: Xe, config: R, children: /* @__PURE__ */ s.jsxs(
+    const ee = $e, ne = Lt(H.dropZone, { column: O + 1 }), re = `${ve}-drop-zone-${O}`;
+    return /* @__PURE__ */ s.jsx(Vt, { columnIndex: O, isDragging: ee, dragOverPosition: Xe, config: N, children: /* @__PURE__ */ s.jsxs(
       "section",
       {
         "data-drop-zone": "true",
-        "data-column-key": i,
-        "data-column-index": C,
-        "aria-labelledby": ne,
-        onDragOver: (U) => c(U, C),
-        onDrop: (U) => P(U, i),
-        onDragLeave: k,
+        "data-column-key": c,
+        "data-column-index": O,
+        "aria-labelledby": re,
+        onDragOver: (V) => E(V, O),
+        onDrop: (V) => C(V, c),
+        onDragLeave: T,
         className: "relative flex h-full flex-col motion-safe:transition-all motion-safe:duration-200",
         children: [
-          /* @__PURE__ */ s.jsx("span", { id: ne, hidden: !0, lang: te.lang, children: te.text }),
+          /* @__PURE__ */ s.jsx("span", { id: re, hidden: !0, lang: ne.lang, children: ne.text }),
           /* @__PURE__ */ s.jsx("div", { className: "placeholder-container", inert: de, children: /* @__PURE__ */ s.jsx(
             Je,
             {
               index: 0,
-              columnIndex: C,
-              isDragging: J,
+              columnIndex: O,
+              isDragging: ee,
               dragOverPosition: Xe,
               originalPosition: xt,
-              onDragEnter: z,
-              onDragLeave: E,
-              debugConfig: R,
-              customDrag: I,
+              onDragEnter: q,
+              onDragLeave: j,
+              debugConfig: N,
+              customDrag: R,
               label: H.dropHere
             }
           ) }),
-          q.map((U, Q) => {
-            const le = r[U], xe = !(le || J), ce = de && U === V;
+          z.map((V, te) => {
+            const le = r[V], xe = !(le || ee), ce = de && V === F;
             return /* @__PURE__ */ s.jsxs(
               "div",
               {
@@ -1622,15 +1612,15 @@ const Fr = ({
                 "aria-hidden": xe ? "true" : void 0,
                 inert: de && !ce,
                 children: [
-                  le ? cn(U) : J ? (
+                  le ? un(V) : ee ? (
                     /* ドラッグ中のみ隠されたパネルの代わりを出す (面・枠線・文字・印の色は CSS が --aqdd-* の変数から描く) */
                     /* @__PURE__ */ s.jsxs("div", { "data-aqdd-hidden-panel-stand-in": !0, className: "hidden-panel-placeholder relative h-[120px] rounded-2xl border-2 border-dashed p-3 text-left shadow-lg backdrop-blur-lg", children: [
                       /* @__PURE__ */ s.jsxs("div", { className: "mb-2 flex items-center space-x-2", children: [
-                        /* @__PURE__ */ s.jsx("h3", { className: "font-semibold text-base", children: ue[U]?.title || U }),
+                        /* @__PURE__ */ s.jsx("h3", { className: "font-semibold text-base", children: ue[V]?.title || V }),
                         /* @__PURE__ */ s.jsx("span", { "data-aqdd-hidden-panel-badge": !0, lang: H.hiddenPanelBadge.lang, className: "rounded-md px-2 py-1 font-medium text-xs", children: H.hiddenPanelBadge.text })
                       ] }),
                       /* @__PURE__ */ s.jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ s.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ s.jsxs("div", { className: "text-center", children: [
-                        /* @__PURE__ */ s.jsx(Mt, { className: "mx-auto h-6 w-6 opacity-50", "aria-hidden": "true" }),
+                        /* @__PURE__ */ s.jsx(St, { className: "mx-auto h-6 w-6 opacity-50", "aria-hidden": "true" }),
                         /* @__PURE__ */ s.jsx("p", { lang: H.hiddenPanelNotice.lang, className: "mt-1 text-xs", children: H.hiddenPanelNotice.text })
                       ] }) }) })
                     ] })
@@ -1638,122 +1628,122 @@ const Fr = ({
                   ce ? null : /* @__PURE__ */ s.jsx(
                     Je,
                     {
-                      index: Q + 1,
-                      columnIndex: C,
-                      isDragging: J,
+                      index: te + 1,
+                      columnIndex: O,
+                      isDragging: ee,
                       dragOverPosition: Xe,
                       originalPosition: xt,
-                      onDragEnter: z,
-                      onDragLeave: E,
-                      debugConfig: R,
-                      customDrag: I,
+                      onDragEnter: q,
+                      onDragLeave: j,
+                      debugConfig: N,
+                      customDrag: R,
                       label: H.dropHere
                     }
                   )
                 ]
               },
-              `panel-${U}`
+              `panel-${V}`
             );
           }),
-          !(K || J) && /* @__PURE__ */ s.jsx("div", { "data-aqdd-empty-column": !0, className: "flex-shrink-0 rounded-xl border-2 border-dashed p-8 text-center motion-safe:transition-all motion-safe:duration-200", inert: de, children: /* @__PURE__ */ s.jsx("div", { lang: H.emptyColumn.lang, className: "text-sm", children: H.emptyColumn.text }) })
+          !(Q || ee) && /* @__PURE__ */ s.jsx("div", { "data-aqdd-empty-column": !0, className: "flex-shrink-0 rounded-xl border-2 border-dashed p-8 text-center motion-safe:transition-all motion-safe:duration-200", inert: de, children: /* @__PURE__ */ s.jsx("div", { lang: H.emptyColumn.lang, className: "text-sm", children: H.emptyColumn.text }) })
         ]
       }
     ) });
-  }, vt = Object.keys(r).filter((i) => !r[i]);
+  }, vt = Object.keys(r).filter((c) => !r[c]);
   return /* @__PURE__ */ s.jsxs(
     "div",
     {
       ref: lt,
       "data-aqdd-layout": !0,
       className: "flex h-full flex-col",
-      onPointerDownCapture: (i) => {
-        ct.current = i.pointerType;
+      onPointerDownCapture: (c) => {
+        ct.current = c.pointerType;
       },
       children: [
         /* @__PURE__ */ s.jsxs("div", { "data-aqdd-announcer": !0, role: "status", "aria-live": "polite", "aria-atomic": "true", inert: de, children: [
           Fe?.segments.map(
-            (i, C) => i.lang === void 0 ? i.text : /* @__PURE__ */ s.jsx("span", { lang: i.lang, children: i.text }, C)
+            (c, O) => c.lang === void 0 ? c.text : /* @__PURE__ */ s.jsx("span", { lang: c.lang, children: c.text }, O)
           ),
-          Fe !== null && Fe.serial % 2 === 0 ? br : null
+          Fe !== null && Fe.serial % 2 === 0 ? wr : null
         ] }),
         vt.length > 0 && /* @__PURE__ */ s.jsx("div", { "data-aqdd-hidden-panels": !0, className: "border-b px-4 py-2 backdrop-blur-lg", inert: de, children: /* @__PURE__ */ s.jsxs("div", { className: "flex flex-wrap gap-2", children: [
           /* @__PURE__ */ s.jsx("span", { lang: H.hiddenPanels.lang, className: "mr-2 text-sm", children: H.hiddenPanels.text }),
-          vt.map((i) => {
-            const q = ue[i]?.title || i;
+          vt.map((c) => {
+            const z = ue[c]?.title || c;
             return /* @__PURE__ */ s.jsxs(
               "button",
               {
                 type: "button",
-                "data-aqdd-restore-panel": i,
+                "data-aqdd-restore-panel": c,
                 onClick: () => a({
                   ...r,
-                  [i]: !0
+                  [c]: !0
                 }),
                 className: "flex items-center space-x-1 rounded-lg px-3 py-1 text-sm shadow-md hover:shadow-lg motion-safe:transition-all motion-safe:duration-200",
                 children: [
-                  /* @__PURE__ */ s.jsx(An, { className: "h-3 w-3", "aria-hidden": "true" }),
-                  /* @__PURE__ */ s.jsx("span", { children: q })
+                  /* @__PURE__ */ s.jsx($n, { className: "h-3 w-3", "aria-hidden": "true" }),
+                  /* @__PURE__ */ s.jsx("span", { children: z })
                 ]
               },
-              i
+              c
             );
           })
         ] }) }),
-        /* @__PURE__ */ s.jsx("div", { ref: nn, className: "relative min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ s.jsx("div", { className: "h-full w-full", style: on, children: /* @__PURE__ */ s.jsx(X, { ref: sn, "data-aqdd-scroll-root": !0, className: "no-scrollbar h-full max-w-full flex-1 overflow-auto", children: /* @__PURE__ */ s.jsx("div", { "data-aqdd-columns": !0, className: "relative flex h-full items-start", children: t.map((i, C) => {
-          const q = Y?.[i.id] || i.initialWidth || 350, K = T && (i.resizable ?? !0);
-          return /* @__PURE__ */ s.jsx(fn, { children: /* @__PURE__ */ s.jsxs(
+        /* @__PURE__ */ s.jsx("div", { ref: rn, className: "relative min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ s.jsx("div", { className: "h-full w-full", style: sn, children: /* @__PURE__ */ s.jsx(G, { ref: an, "data-aqdd-scroll-root": !0, className: "no-scrollbar h-full max-w-full flex-1 overflow-auto", children: /* @__PURE__ */ s.jsx("div", { "data-aqdd-columns": !0, className: "relative flex h-full items-start", children: t.map((c, O) => {
+          const z = B?.[c.id] || c.initialWidth || 350, Q = L && (c.resizable ?? !0);
+          return /* @__PURE__ */ s.jsx(pn, { children: /* @__PURE__ */ s.jsxs(
             "div",
             {
-              className: `column relative ${i.className || ""} ${T ? "resize-enabled-column" : "auto-width-column"} ${L && w === i.id ? "column-resizing-active" : ""}`,
-              "data-column": C,
-              "data-column-id": i.id,
-              "data-min-width": i.minWidth || 350,
-              "data-max-width": i.maxWidth,
-              "data-column-width": T ? q : void 0,
-              inert: de && C !== ot.column,
-              ...T && {
-                style: { "--column-width": `${q}px` }
+              className: `column relative ${c.className || ""} ${L ? "resize-enabled-column" : "auto-width-column"} ${$ && W === c.id ? "column-resizing-active" : ""}`,
+              "data-column": O,
+              "data-column-id": c.id,
+              "data-min-width": c.minWidth || 350,
+              "data-max-width": c.maxWidth,
+              "data-column-width": L ? z : void 0,
+              inert: de && O !== ot.column,
+              ...L && {
+                style: { "--column-width": `${z}px` }
               },
               children: [
-                un(i.key, C),
-                K && !de && G && g && v && /* @__PURE__ */ s.jsx(
-                  en,
+                dn(c.key, O),
+                Q && !de && J && p && x && /* @__PURE__ */ s.jsx(
+                  tn,
                   {
-                    columnId: i.id,
-                    onResizeStart: G,
-                    onResize: g,
-                    onResizeEnd: v,
-                    isResizing: L && w === i.id,
+                    columnId: c.id,
+                    onResizeStart: J,
+                    onResize: p,
+                    onResizeEnd: x,
+                    isResizing: $ && W === c.id,
                     position: "right",
-                    debug: R,
-                    label: Rt(H.resizeColumn, { column: C + 1 })
+                    debug: N,
+                    label: Lt(H.resizeColumn, { column: O + 1 })
                   }
                 )
               ]
             }
-          ) }, i.id);
+          ) }, c.id);
         }) }) }) }) })
       ]
     }
   );
 };
-const Pr = [
+const Dr = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }],
   ["path", { d: "M3 15h18", key: "5xshup" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "M15 3v18", key: "14nvp0" }]
-], Er = ie("grid-3x3", Pr);
-const Dr = [["path", { d: "M5 12h14", key: "1ays0h" }]], kr = ie("minus", Dr);
-const Nr = [
+], kr = ie("grid-3x3", Dr);
+const Cr = [["path", { d: "M5 12h14", key: "1ays0h" }]], Nr = ie("minus", Cr);
+const Or = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
-], Qe = ie("plus", Nr);
-const Or = [
+], Qe = ie("plus", Or);
+const Sr = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
-], Cr = ie("rotate-ccw", Or), Ur = ({ columnCount: t, onColumnCountChange: n, onAutoBalance: e, onResetWidths: o, minColumns: r = 2, maxColumns: a = 6, isResizing: l = !1, isResponsiveMode: u = !1, responsiveColumnCount: f }) => {
-  const b = t > r && !u, y = t < a && !u;
+], Mr = ie("rotate-ccw", Sr), Xr = ({ columnCount: t, onColumnCountChange: n, onAutoBalance: e, onResetWidths: o, minColumns: r = 2, maxColumns: a = 6, isResizing: i = !1, isResponsiveMode: d = !1, responsiveColumnCount: m }) => {
+  const w = t > r && !d, b = t < a && !d;
   return /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-slate-200 bg-white/80 px-4 py-2 shadow-sm backdrop-blur-lg", children: [
     /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ s.jsx("span", { className: "font-medium text-slate-700 text-sm", children: "カラム数:" }),
@@ -1761,25 +1751,25 @@ const Or = [
         "button",
         {
           type: "button",
-          onClick: () => b && n(t - 1),
-          disabled: !b || l,
-          className: `rounded p-1 text-xs transition-colors ${b && !l ? "border border-slate-300 text-slate-600 hover:border-red-300 hover:bg-red-50 hover:text-red-600" : "cursor-not-allowed border border-slate-200 bg-slate-50 text-slate-300"}`,
-          title: u ? "レスポンシブモード中：カラム数は自動調整されます" : `カラムを削除 (最小: ${r}列)`,
-          children: /* @__PURE__ */ s.jsx(kr, { className: "h-3 w-3" })
+          onClick: () => w && n(t - 1),
+          disabled: !w || i,
+          className: `rounded p-1 text-xs transition-colors ${w && !i ? "border border-slate-300 text-slate-600 hover:border-red-300 hover:bg-red-50 hover:text-red-600" : "cursor-not-allowed border border-slate-200 bg-slate-50 text-slate-300"}`,
+          title: d ? "レスポンシブモード中：カラム数は自動調整されます" : `カラムを削除 (最小: ${r}列)`,
+          children: /* @__PURE__ */ s.jsx(Nr, { className: "h-3 w-3" })
         }
       ),
-      /* @__PURE__ */ s.jsxs("div", { className: `min-w-[2rem] rounded border px-3 py-1 text-center font-mono text-sm ${u ? "border-blue-300 bg-blue-50 text-blue-700" : "border-slate-300 bg-slate-100 text-slate-700"}`, children: [
-        u ? f ?? t : t,
-        u && /* @__PURE__ */ s.jsx("span", { className: "ml-1 text-xs", children: "自動" })
+      /* @__PURE__ */ s.jsxs("div", { className: `min-w-[2rem] rounded border px-3 py-1 text-center font-mono text-sm ${d ? "border-blue-300 bg-blue-50 text-blue-700" : "border-slate-300 bg-slate-100 text-slate-700"}`, children: [
+        d ? m ?? t : t,
+        d && /* @__PURE__ */ s.jsx("span", { className: "ml-1 text-xs", children: "自動" })
       ] }),
       /* @__PURE__ */ s.jsx(
         "button",
         {
           type: "button",
-          onClick: () => y && n(t + 1),
-          disabled: !y || l,
-          className: `rounded p-1 text-xs transition-colors ${y && !l ? "border border-slate-300 text-slate-600 hover:border-blue-300 hover:bg-blue-50 hover:text-blue-600" : "cursor-not-allowed border border-slate-200 bg-slate-50 text-slate-300"}`,
-          title: u ? "レスポンシブモード中：カラム数は自動調整されます" : `カラムを追加 (最大: ${a}列)`,
+          onClick: () => b && n(t + 1),
+          disabled: !b || i,
+          className: `rounded p-1 text-xs transition-colors ${b && !i ? "border border-slate-300 text-slate-600 hover:border-blue-300 hover:bg-blue-50 hover:text-blue-600" : "cursor-not-allowed border border-slate-200 bg-slate-50 text-slate-300"}`,
+          title: d ? "レスポンシブモード中：カラム数は自動調整されます" : `カラムを追加 (最大: ${a}列)`,
           children: /* @__PURE__ */ s.jsx(Qe, { className: "h-3 w-3" })
         }
       )
@@ -1791,11 +1781,11 @@ const Or = [
         {
           type: "button",
           onClick: e,
-          disabled: l,
-          className: `flex items-center gap-1 rounded px-2 py-1 text-xs transition-colors ${l ? "cursor-not-allowed border border-slate-200 bg-slate-50 text-slate-300" : "border border-slate-300 text-slate-600 hover:border-green-300 hover:bg-green-50 hover:text-green-600"}`,
+          disabled: i,
+          className: `flex items-center gap-1 rounded px-2 py-1 text-xs transition-colors ${i ? "cursor-not-allowed border border-slate-200 bg-slate-50 text-slate-300" : "border border-slate-300 text-slate-600 hover:border-green-300 hover:bg-green-50 hover:text-green-600"}`,
           title: "パネルを全カラムに均等分散",
           children: [
-            /* @__PURE__ */ s.jsx(Er, { className: "h-3 w-3" }),
+            /* @__PURE__ */ s.jsx(kr, { className: "h-3 w-3" }),
             /* @__PURE__ */ s.jsx("span", { children: "バランス" })
           ]
         }
@@ -1805,48 +1795,48 @@ const Or = [
         {
           type: "button",
           onClick: o,
-          disabled: l,
-          className: `flex items-center gap-1 rounded px-2 py-1 text-xs transition-colors ${l ? "cursor-not-allowed border border-slate-200 bg-slate-50 text-slate-300" : "border border-slate-300 text-slate-600 hover:border-orange-300 hover:bg-orange-50 hover:text-orange-600"}`,
+          disabled: i,
+          className: `flex items-center gap-1 rounded px-2 py-1 text-xs transition-colors ${i ? "cursor-not-allowed border border-slate-200 bg-slate-50 text-slate-300" : "border border-slate-300 text-slate-600 hover:border-orange-300 hover:bg-orange-50 hover:text-orange-600"}`,
           title: "カラム幅を初期値にリセット",
           children: [
-            /* @__PURE__ */ s.jsx(Cr, { className: "h-3 w-3" }),
+            /* @__PURE__ */ s.jsx(Mr, { className: "h-3 w-3" }),
             /* @__PURE__ */ s.jsx("span", { children: "幅リセット" })
           ]
         }
       )
     ] }),
-    l && /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-1 text-blue-600 text-xs", children: [
+    i && /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-1 text-blue-600 text-xs", children: [
       /* @__PURE__ */ s.jsx("div", { className: "h-2 w-2 animate-pulse rounded-full bg-blue-500" }),
       /* @__PURE__ */ s.jsx("span", { children: "リサイズ中..." })
     ] })
   ] });
-}, Br = ({ columnCount: t, onInsertColumn: n, onDeleteColumn: e, minColumns: o = 1, maxColumns: r = 6, isResizing: a = !1, disabled: l = !1 }) => {
-  const u = t < r && !l, f = t > o && !l;
-  return /* @__PURE__ */ s.jsxs("div", { className: `flex items-center justify-center gap-1 rounded-lg border border-slate-200 px-4 py-2 shadow-sm backdrop-blur-lg ${l ? "bg-slate-100/80 opacity-60" : "bg-white/80"}`, children: [
-    l && /* @__PURE__ */ s.jsx("div", { className: "flex items-center gap-2 text-slate-500 text-xs", children: /* @__PURE__ */ s.jsx("span", { children: "レスポンシブモード有効中：カラム数は自動調整されます" }) }),
-    !l && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+}, Vr = ({ columnCount: t, onInsertColumn: n, onDeleteColumn: e, minColumns: o = 1, maxColumns: r = 6, isResizing: a = !1, disabled: i = !1 }) => {
+  const d = t < r && !i, m = t > o && !i;
+  return /* @__PURE__ */ s.jsxs("div", { className: `flex items-center justify-center gap-1 rounded-lg border border-slate-200 px-4 py-2 shadow-sm backdrop-blur-lg ${i ? "bg-slate-100/80 opacity-60" : "bg-white/80"}`, children: [
+    i && /* @__PURE__ */ s.jsx("div", { className: "flex items-center gap-2 text-slate-500 text-xs", children: /* @__PURE__ */ s.jsx("span", { children: "レスポンシブモード有効中：カラム数は自動調整されます" }) }),
+    !i && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx(
         "button",
         {
           type: "button",
-          onClick: () => u && n(0),
-          disabled: !u || a,
-          className: `flex h-8 w-8 items-center justify-center rounded border-2 border-dashed text-xs transition-colors ${u && !a ? "border-blue-300 text-blue-600 hover:border-blue-500 hover:bg-blue-50" : "cursor-not-allowed border-slate-200 text-slate-300"}`,
+          onClick: () => d && n(0),
+          disabled: !d || a,
+          className: `flex h-8 w-8 items-center justify-center rounded border-2 border-dashed text-xs transition-colors ${d && !a ? "border-blue-300 text-blue-600 hover:border-blue-500 hover:bg-blue-50" : "cursor-not-allowed border-slate-200 text-slate-300"}`,
           title: "この位置に新しいカラムを挿入",
           children: /* @__PURE__ */ s.jsx(Qe, { className: "h-4 w-4" })
         }
       ),
-      Array.from({ length: t }, (b, y) => /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-1", children: [
+      Array.from({ length: t }, (w, b) => /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ s.jsxs("div", { className: "relative flex h-8 w-12 items-center justify-center rounded border border-slate-300 bg-slate-100", children: [
-          /* @__PURE__ */ s.jsx("span", { className: "font-medium font-mono text-slate-700 text-xs", children: y + 1 }),
-          f && !a && /* @__PURE__ */ s.jsx(
+          /* @__PURE__ */ s.jsx("span", { className: "font-medium font-mono text-slate-700 text-xs", children: b + 1 }),
+          m && !a && /* @__PURE__ */ s.jsx(
             "button",
             {
               type: "button",
-              onClick: () => e(y),
+              onClick: () => e(b),
               className: "absolute -top-1 -right-1 flex h-4 w-4 items-center justify-center rounded-full border border-red-300 bg-red-100 text-red-600 hover:bg-red-200",
-              title: `カラム ${y + 1} を削除`,
-              children: /* @__PURE__ */ s.jsx(Ht, { className: "h-2.5 w-2.5" })
+              title: `カラム ${b + 1} を削除`,
+              children: /* @__PURE__ */ s.jsx(Yt, { className: "h-2.5 w-2.5" })
             }
           )
         ] }),
@@ -1854,17 +1844,17 @@ const Or = [
           "button",
           {
             type: "button",
-            onClick: () => u && n(y + 1),
-            disabled: !u || a,
-            className: `flex h-8 w-8 items-center justify-center rounded border-2 border-dashed text-xs transition-colors ${u && !a ? "border-blue-300 text-blue-600 hover:border-blue-500 hover:bg-blue-50" : "cursor-not-allowed border-slate-200 text-slate-300"}`,
+            onClick: () => d && n(b + 1),
+            disabled: !d || a,
+            className: `flex h-8 w-8 items-center justify-center rounded border-2 border-dashed text-xs transition-colors ${d && !a ? "border-blue-300 text-blue-600 hover:border-blue-500 hover:bg-blue-50" : "cursor-not-allowed border-slate-200 text-slate-300"}`,
             title: "この位置に新しいカラムを挿入",
             children: /* @__PURE__ */ s.jsx(Qe, { className: "h-4 w-4" })
           }
         )
-      ] }, `column-${y}`))
+      ] }, `column-${b}`))
     ] })
   ] });
-}, Xr = ({ config: t, onConfigChange: n, isVisible: e, onToggleVisibility: o }) => e ? /* @__PURE__ */ s.jsxs("div", { className: "fixed right-4 bottom-4 z-50 max-w-sm rounded-lg border border-gray-300 bg-white p-4 shadow-xl", children: [
+}, Zr = ({ config: t, onConfigChange: n, isVisible: e, onToggleVisibility: o }) => e ? /* @__PURE__ */ s.jsxs("div", { className: "fixed right-4 bottom-4 z-50 max-w-sm rounded-lg border border-gray-300 bg-white p-4 shadow-xl", children: [
   /* @__PURE__ */ s.jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
     /* @__PURE__ */ s.jsx("h3", { className: "font-bold text-gray-800 text-sm", children: "🛠️ デバッグ設定" }),
     /* @__PURE__ */ s.jsx("button", { type: "button", onClick: o, className: "text-gray-500 text-lg hover:text-gray-700", title: "閉じる", children: "✕" })
@@ -2011,371 +2001,371 @@ const Or = [
   prefix: "column",
   startIndex: 1,
   separator: "_"
-}, We = (t, n = fe) => {
+}, qe = (t, n = fe) => {
   const { prefix: e, startIndex: o, separator: r } = n, a = t + o;
   return `${e}${r}${a}`;
-}, tn = (t, n = fe) => Array.from({ length: t }, (e, o) => We(o, n)), Ie = (t, n = fe) => {
+}, nn = (t, n = fe) => Array.from({ length: t }, (e, o) => qe(o, n)), We = (t, n = fe) => {
   const { prefix: e, startIndex: o, separator: r } = n, a = `${e}${r}`;
   if (!t.startsWith(a))
     return null;
-  const l = t.slice(a.length), u = parseInt(l, 10);
-  return Number.isNaN(u) || u < o ? null : u - o;
-}, Vr = (t, n = fe) => Ie(t, n) !== null, Zr = (t, n = fe) => {
-  const e = t.map((o) => Ie(o, n)).filter((o) => o !== null).sort((o, r) => o - r);
+  const i = t.slice(a.length), d = parseInt(i, 10);
+  return Number.isNaN(d) || d < o ? null : d - o;
+}, Gr = (t, n = fe) => We(t, n) !== null, Kr = (t, n = fe) => {
+  const e = t.map((o) => We(o, n)).filter((o) => o !== null).sort((o, r) => o - r);
   for (let o = 0; o < e.length; o++)
     if (e[o] !== o)
-      return We(o, n);
-  return We(e.length, n);
-}, Mr = (t, n = fe) => t.sort((e, o) => {
-  const r = Ie(e, n) ?? -1, a = Ie(o, n) ?? -1;
+      return qe(o, n);
+  return qe(e.length, n);
+}, Ar = (t, n = fe) => t.sort((e, o) => {
+  const r = We(e, n) ?? -1, a = We(o, n) ?? -1;
   return r - a;
-}), Gr = (t, n = fe) => {
+}), Jr = (t, n = fe) => {
   const e = {};
   return t.forEach((o, r) => {
-    const a = We(r, n);
+    const a = qe(r, n);
     e[o] = a;
   }), e;
-}, Sr = (t, n, e = fe) => {
+}, $r = (t, n, e = fe) => {
   const o = [];
-  Object.values(t).forEach((l) => {
-    o.push(...l);
+  Object.values(t).forEach((i) => {
+    o.push(...i);
   });
-  const r = {}, a = tn(n, e);
-  return a.forEach((l) => {
-    r[l] = [];
-  }), o.forEach((l, u) => {
-    const f = u % n, b = a[f];
-    r[b].push(l);
+  const r = {}, a = nn(n, e);
+  return a.forEach((i) => {
+    r[i] = [];
+  }), o.forEach((i, d) => {
+    const m = d % n, w = a[m];
+    r[w].push(i);
   }), r;
-}, Kr = ({ initialColumns: t, initialPanels: n, debug: e = {}, onLayoutChange: o }) => {
+}, Qr = ({ initialColumns: t, initialPanels: n, debug: e = {}, onLayoutChange: o }) => {
   const [r, a] = se(() => {
-    const g = {};
-    for (const v of t)
-      g[v.id] = v.initialWidth || 400;
+    const p = {};
+    for (const x of t)
+      p[x.id] = x.initialWidth || 400;
     return {
       columns: t,
-      columnWidths: g,
+      columnWidths: p,
       isResizing: !1,
       resizingColumn: null,
       columnPanels: n,
       showInsertPlaceholders: !1
     };
-  }), l = W(0), u = W(0);
-  ee(() => {
+  }), i = I(0), d = I(0);
+  oe(() => {
     o?.(r);
   }, [r, o]);
-  const f = D(
-    (g, v) => {
-      O(e, 1, "カラム追加:", g.id, "at position:", v), a((L) => {
-        const w = [...L.columns], m = v ?? w.length;
-        w.splice(m, 0, g);
-        const p = {
-          ...L.columnWidths,
-          [g.id]: g.initialWidth || 400
-        }, j = {
-          ...L.columnPanels,
-          [g.id]: []
+  const m = k(
+    (p, x) => {
+      M(e, 1, "カラム追加:", p.id, "at position:", x), a(($) => {
+        const W = [...$.columns], v = x ?? W.length;
+        W.splice(v, 0, p);
+        const y = {
+          ...$.columnWidths,
+          [p.id]: p.initialWidth || 400
+        }, g = {
+          ...$.columnPanels,
+          [p.id]: []
         };
         return {
-          ...L,
-          columns: w,
-          columnWidths: p,
-          columnPanels: j
+          ...$,
+          columns: W,
+          columnWidths: y,
+          columnPanels: g
         };
       });
     },
     [e]
-  ), b = D(
-    (g) => {
-      O(e, 1, "カラム削除:", g), a((v) => {
-        const L = v.columnPanels[g] || [], w = v.columns.filter((_) => _.id !== g);
-        if (w.length === 0)
-          return O(e, 1, "警告: 最後のカラムを削除しようとしています"), v;
-        const m = w[0].id, p = { ...v.columnPanels };
-        L.length > 0 && (p[m] = [...p[m], ...L]), delete p[g];
-        const j = { ...v.columnWidths };
-        return delete j[g], {
-          ...v,
-          columns: w,
-          columnWidths: j,
-          columnPanels: p
+  ), w = k(
+    (p) => {
+      M(e, 1, "カラム削除:", p), a((x) => {
+        const $ = x.columnPanels[p] || [], W = x.columns.filter((D) => D.id !== p);
+        if (W.length === 0)
+          return M(e, 1, "警告: 最後のカラムを削除しようとしています"), x;
+        const v = W[0].id, y = { ...x.columnPanels };
+        $.length > 0 && (y[v] = [...y[v], ...$]), delete y[p];
+        const g = { ...x.columnWidths };
+        return delete g[p], {
+          ...x,
+          columns: W,
+          columnWidths: g,
+          columnPanels: y
         };
       });
     },
     [e]
-  ), y = D(
-    (g, v) => {
-      O(e, 1, "カラム移動:", g, "->", v), a((L) => {
-        const w = [...L.columns], [m] = w.splice(g, 1);
-        return w.splice(v, 0, m), {
-          ...L,
-          columns: w
+  ), b = k(
+    (p, x) => {
+      M(e, 1, "カラム移動:", p, "->", x), a(($) => {
+        const W = [...$.columns], [v] = W.splice(p, 1);
+        return W.splice(x, 0, v), {
+          ...$,
+          columns: W
         };
       });
     },
     [e]
-  ), A = D(
-    (g, v) => {
-      O(e, 2, "リサイズ開始:", g, "at X:", v), l.current = v, u.current = r.columnWidths[g] || 300, a((L) => ({
-        ...L,
+  ), A = k(
+    (p, x) => {
+      M(e, 2, "リサイズ開始:", p, "at X:", x), i.current = x, d.current = r.columnWidths[p] || 300, a(($) => ({
+        ...$,
         isResizing: !0,
-        resizingColumn: g
+        resizingColumn: p
       }));
     },
     [e, r.columnWidths]
-  ), z = D(
-    (g) => {
-      const { resizingColumn: v, isResizing: L } = r;
-      if (!(L && v)) return;
-      const w = g - l.current, m = Math.max(100, Math.min(800, u.current + w));
-      O(e, 2, "リサイズ中:", v, "new width:", m), a((p) => ({
-        ...p,
+  ), q = k(
+    (p) => {
+      const { resizingColumn: x, isResizing: $ } = r;
+      if (!($ && x)) return;
+      const W = p - i.current, v = Math.max(100, Math.min(800, d.current + W));
+      M(e, 2, "リサイズ中:", x, "new width:", v), a((y) => ({
+        ...y,
         columnWidths: {
-          ...p.columnWidths,
-          [v]: m
+          ...y.columnWidths,
+          [x]: v
         }
       }));
     },
     [e, r]
-  ), E = D(() => {
-    O(e, 2, "リサイズ終了"), a((g) => ({
-      ...g,
+  ), j = k(() => {
+    M(e, 2, "リサイズ終了"), a((p) => ({
+      ...p,
       isResizing: !1,
       resizingColumn: null
     }));
-  }, [e]), c = D(
-    (g, v) => {
-      O(e, 2, "カラム幅設定:", g, v), a((L) => ({
-        ...L,
+  }, [e]), E = k(
+    (p, x) => {
+      M(e, 2, "カラム幅設定:", p, x), a(($) => ({
+        ...$,
         columnWidths: {
-          ...L.columnWidths,
-          [g]: Math.max(100, Math.min(800, v))
+          ...$.columnWidths,
+          [p]: Math.max(100, Math.min(800, x))
         }
       }));
     },
     [e]
-  ), P = D(() => {
-    O(e, 1, "カラム幅リセット"), a((g) => {
-      const v = {};
-      for (const L of g.columns)
-        v[L.id] = L.initialWidth || 400;
+  ), C = k(() => {
+    M(e, 1, "カラム幅リセット"), a((p) => {
+      const x = {};
+      for (const $ of p.columns)
+        x[$.id] = $.initialWidth || 400;
       return {
-        ...g,
-        columnWidths: v
+        ...p,
+        columnWidths: x
       };
     });
-  }, [e]), k = D(
-    (g, v, L, w) => {
-      O(e, 1, "パネル移動:", g, "from", v, "to", L, "at", w), a((m) => {
-        const p = { ...m.columnPanels };
-        if (v in p && (p[v] = p[v].filter((j) => j !== g)), L in p) {
-          const j = [...p[L]];
-          j.splice(w, 0, g), p[L] = j;
+  }, [e]), T = k(
+    (p, x, $, W) => {
+      M(e, 1, "パネル移動:", p, "from", x, "to", $, "at", W), a((v) => {
+        const y = { ...v.columnPanels };
+        if (x in y && (y[x] = y[x].filter((g) => g !== p)), $ in y) {
+          const g = [...y[$]];
+          g.splice(W, 0, p), y[$] = g;
         }
         return {
-          ...m,
-          columnPanels: p
+          ...v,
+          columnPanels: y
         };
       });
     },
     [e]
-  ), S = D(
-    (g, v, L) => {
-      O(e, 1, "パネル追加:", g, "to column:", v), a((w) => {
-        const m = { ...w.columnPanels };
-        v in m || (m[v] = []);
-        const p = [...m[v]], j = L ?? p.length;
-        return p.splice(j, 0, g), m[v] = p, {
-          ...w,
-          columnPanels: m
+  ), h = k(
+    (p, x, $) => {
+      M(e, 1, "パネル追加:", p, "to column:", x), a((W) => {
+        const v = { ...W.columnPanels };
+        x in v || (v[x] = []);
+        const y = [...v[x]], g = $ ?? y.length;
+        return y.splice(g, 0, p), v[x] = y, {
+          ...W,
+          columnPanels: v
         };
       });
     },
     [e]
-  ), N = D(
-    (g) => {
-      O(e, 1, "パネル削除:", g), a((v) => {
-        const L = {};
-        for (const [w, m] of Object.entries(v.columnPanels))
-          L[w] = m.filter((p) => p !== g);
+  ), P = k(
+    (p) => {
+      M(e, 1, "パネル削除:", p), a((x) => {
+        const $ = {};
+        for (const [W, v] of Object.entries(x.columnPanels))
+          $[W] = v.filter((y) => y !== p);
         return {
-          ...v,
-          columnPanels: L
+          ...x,
+          columnPanels: $
         };
       });
     },
     [e]
-  ), R = D(
-    (g) => {
-      O(e, 1, "カラム数更新:", g), a((v) => {
-        const L = v.columns.length;
-        if (g === L) return v;
-        const w = Sr(v.columnPanels, g, fe), m = tn(g, fe), p = v.isResizing && v.resizingColumn && !m.includes(v.resizingColumn);
-        p && O(e, 1, "リサイズ中のカラムが削除されるためリサイズを強制終了:", v.resizingColumn);
-        const j = m.map((V, oe) => ({
-          id: V,
-          title: `カラム ${oe + 1}`,
+  ), N = k(
+    (p) => {
+      M(e, 1, "カラム数更新:", p), a((x) => {
+        const $ = x.columns.length;
+        if (p === $) return x;
+        const W = $r(x.columnPanels, p, fe), v = nn(p, fe), y = x.isResizing && x.resizingColumn && !v.includes(x.resizingColumn);
+        y && M(e, 1, "リサイズ中のカラムが削除されるためリサイズを強制終了:", x.resizingColumn);
+        const g = v.map((F, X) => ({
+          id: F,
+          title: `カラム ${X + 1}`,
           minWidth: 350,
           maxWidth: 800,
           initialWidth: 400,
-          resizable: !(oe === 1 && g === 3)
-        })), _ = {};
-        if (Object.entries(v.columnWidths).some(([, V]) => V !== 400))
-          m.forEach((V) => {
-            const oe = v.columnWidths[V];
-            oe && oe !== 400 ? _[V] = oe : _[V] = 400;
+          resizable: !(X === 1 && p === 3)
+        })), D = {};
+        if (Object.entries(x.columnWidths).some(([, F]) => F !== 400))
+          v.forEach((F) => {
+            const X = x.columnWidths[F];
+            X && X !== 400 ? D[F] = X : D[F] = 400;
           });
         else {
-          const V = L > g ? Object.values(v.columnWidths).reduce((h, x) => h + x, 0) : g * 400, oe = Math.max(V / g, 350);
-          m.forEach((h) => {
-            _[h] = oe;
+          const F = $ > p ? Object.values(x.columnWidths).reduce((u, f) => u + f, 0) : p * 400, X = Math.max(F / p, 350);
+          v.forEach((u) => {
+            D[u] = X;
           });
         }
         return {
-          ...v,
-          columns: j,
-          columnPanels: w,
-          columnWidths: _,
-          isResizing: p ? !1 : v.isResizing,
-          resizingColumn: p ? null : v.resizingColumn
+          ...x,
+          columns: g,
+          columnPanels: W,
+          columnWidths: D,
+          isResizing: y ? !1 : x.isResizing,
+          resizingColumn: y ? null : x.resizingColumn
         };
       });
     },
     [e]
-  ), d = D(() => {
-    O(e, 1, "カラム自動バランス調整"), a((g) => {
-      const v = [];
-      for (const m of Object.keys(g.columnPanels))
-        for (const p of g.columnPanels[m])
-          v.push(p);
-      const L = {};
-      for (const m of g.columns)
-        L[m.id] = [];
-      let w = 0;
-      for (const m of v) {
-        const p = g.columns[w % g.columns.length].id;
-        L[p].push(m), w += 1;
+  ), l = k(() => {
+    M(e, 1, "カラム自動バランス調整"), a((p) => {
+      const x = [];
+      for (const v of Object.keys(p.columnPanels))
+        for (const y of p.columnPanels[v])
+          x.push(y);
+      const $ = {};
+      for (const v of p.columns)
+        $[v.id] = [];
+      let W = 0;
+      for (const v of x) {
+        const y = p.columns[W % p.columns.length].id;
+        $[y].push(v), W += 1;
       }
       return {
-        ...g,
-        columnPanels: L
+        ...p,
+        columnPanels: $
       };
     });
-  }, [e]), $ = D(
-    (g) => r.columns.find((v) => v.id === g),
+  }, [e]), _ = k(
+    (p) => r.columns.find((x) => x.id === p),
     [r.columns]
-  ), T = D(() => {
-    let g = 0;
-    for (const v of Object.values(r.columnWidths))
-      g += v;
-    return g;
-  }, [r.columnWidths]), Y = D((g) => document.querySelector(`[data-column-id="${g}"]`), []), G = D((g) => {
-    a((v) => ({
-      ...v,
-      showInsertPlaceholders: g
+  ), L = k(() => {
+    let p = 0;
+    for (const x of Object.values(r.columnWidths))
+      p += x;
+    return p;
+  }, [r.columnWidths]), B = k((p) => document.querySelector(`[data-column-id="${p}"]`), []), J = k((p) => {
+    a((x) => ({
+      ...x,
+      showInsertPlaceholders: p
     }));
   }, []);
   return {
     layoutState: r,
-    addColumn: f,
-    removeColumn: b,
-    moveColumn: y,
+    addColumn: m,
+    removeColumn: w,
+    moveColumn: b,
     startResize: A,
-    handleResize: z,
-    endResize: E,
-    setColumnWidth: c,
-    resetColumnWidths: P,
-    movePanel: k,
-    addPanel: S,
-    removePanel: N,
-    updateColumnCount: R,
-    autoBalanceColumns: d,
-    getColumnById: $,
-    getTotalWidth: T,
-    getColumnElement: Y,
-    setShowInsertPlaceholders: G
+    handleResize: q,
+    endResize: j,
+    setColumnWidth: E,
+    resetColumnWidths: C,
+    movePanel: T,
+    addPanel: h,
+    removePanel: P,
+    updateColumnCount: N,
+    autoBalanceColumns: l,
+    getColumnById: _,
+    getTotalWidth: L,
+    getColumnElement: B,
+    setShowInsertPlaceholders: J
   };
-}, Ar = ({
+}, Tr = ({
   debugConfig: t,
   dragState: n,
   customDrag: e,
   clickState: o,
   dragModes: r,
   isMouseDown: a,
-  dragOverPosition: l,
-  setCustomDrag: u,
-  setDragState: f,
-  setDragOverPosition: b,
-  setOriginalPanelPosition: y,
+  dragOverPosition: i,
+  setCustomDrag: d,
+  setDragState: m,
+  setDragOverPosition: w,
+  setOriginalPanelPosition: b,
   setClickState: A,
-  setIsMouseDown: z,
-  findPanelPosition: E,
-  performPanelMove: c,
-  showMousePosition: P,
-  updateMousePosition: k,
-  recordMouseDown: S,
-  recordClickPosition: N,
-  isVirtualClick: R,
-  calculateMoveDistance: d,
-  clearMouseTracking: $,
-  resetDragState: T,
-  resetClickState: Y,
-  createDragImage: G,
-  updateDragImagePosition: g,
-  removeDragImage: v,
-  handlePlaceholderDragEnter: L,
-  handlePlaceholderDragLeave: w
+  setIsMouseDown: q,
+  findPanelPosition: j,
+  performPanelMove: E,
+  showMousePosition: C,
+  updateMousePosition: T,
+  recordMouseDown: h,
+  recordClickPosition: P,
+  isVirtualClick: N,
+  calculateMoveDistance: l,
+  clearMouseTracking: _,
+  resetDragState: L,
+  resetClickState: B,
+  createDragImage: J,
+  updateDragImagePosition: p,
+  removeDragImage: x,
+  handlePlaceholderDragEnter: $,
+  handlePlaceholderDragLeave: W
 }) => {
-  const m = W(t);
-  m.current = t;
-  const p = W(null), j = W(null), _ = W(0), I = W(new rt(Se));
-  ee(() => {
-    const x = document.querySelector(Vt);
-    x && I.current.setScrollElement(x);
+  const v = I(t);
+  v.current = t;
+  const y = I(null), g = I(null), D = I(0), R = I(new rt(Me));
+  oe(() => {
+    const f = document.querySelector(Zt);
+    f && R.current.setScrollElement(f);
   }, []);
-  const re = W(l);
-  ee(() => {
-    re.current = l, O(m.current, 2, "dragOverPositionRef更新:", l);
-  }, [l]);
-  const V = D(
-    (x) => {
+  const Y = I(i);
+  oe(() => {
+    Y.current = i, M(v.current, 2, "dragOverPositionRef更新:", i);
+  }, [i]);
+  const F = k(
+    (f) => {
       if (e.isActive || o.isClicked) {
-        x.preventDefault();
-        const M = window.getSelection();
-        M && M.rangeCount > 0 && M.removeAllRanges();
+        f.preventDefault();
+        const S = window.getSelection();
+        S && S.rangeCount > 0 && S.removeAllRanges();
       }
       if (e.isActive) {
-        k(x.clientX, x.clientY), g(x.clientX, x.clientY), I.current.update(x.clientX, x.clientY);
-        const M = document.elementFromPoint(x.clientX, x.clientY), F = M?.closest("[data-drop-zone]");
-        if (F) {
+        T(f.clientX, f.clientY), p(f.clientX, f.clientY), R.current.update(f.clientX, f.clientY);
+        const S = document.elementFromPoint(f.clientX, f.clientY), U = S?.closest("[data-drop-zone]");
+        if (U) {
           document.body.classList.add("droppable");
-          const Z = F.getAttribute("data-column-index"), ae = Z ? parseInt(Z, 10) : null;
-          ae !== null && ae !== n.dragOverColumn && f((H) => ({ ...H, dragOverColumn: ae }));
-          const X = M?.closest("[data-placeholder-index]");
-          if (X) {
-            const H = X.getAttribute("data-placeholder-index"), ve = X.getAttribute("data-placeholder-column");
+          const K = U.getAttribute("data-column-index"), ae = K ? parseInt(K, 10) : null;
+          ae !== null && ae !== n.dragOverColumn && m((H) => ({ ...H, dragOverColumn: ae }));
+          const G = S?.closest("[data-placeholder-index]");
+          if (G) {
+            const H = G.getAttribute("data-placeholder-index"), ve = G.getAttribute("data-placeholder-column");
             if (H && ve) {
               const ue = parseInt(H, 10), pe = parseInt(ve, 10);
-              L(pe, ue);
+              $(pe, ue);
             }
           } else
-            w();
+            W();
         } else
-          document.body.classList.remove("droppable"), b(null), f((Z) => ({ ...Z, dragOverColumn: null }));
+          document.body.classList.remove("droppable"), w(null), m((K) => ({ ...K, dragOverColumn: null }));
       } else if (a && o.isClicked && o.panelId) {
-        if (r[o.panelId] !== "custom" || d(x.clientX, x.clientY) < 10) return;
-        O(m.current, 1, "🚀 カスタムドラッグ開始 -", o.panelId);
-        const F = document.querySelector(`[data-panel-id="${o.panelId}"]`);
-        if (F && j.current) {
-          const Z = F.getBoundingClientRect(), ae = j.current.x - Z.left, X = j.current.y - Z.top;
-          G(o.panelId, ae, X), document.body.classList.add("custom-dragging"), u({
+        if (r[o.panelId] !== "custom" || l(f.clientX, f.clientY) < 10) return;
+        M(v.current, 1, "🚀 カスタムドラッグ開始 -", o.panelId);
+        const U = document.querySelector(`[data-panel-id="${o.panelId}"]`);
+        if (U && g.current) {
+          const K = U.getBoundingClientRect(), ae = g.current.x - K.left, G = g.current.y - K.top;
+          J(o.panelId, ae, G), document.body.classList.add("custom-dragging"), d({
             isActive: !0,
             panelId: o.panelId,
             startX: ae,
-            startY: X
+            startY: G
           });
         }
-        f({ isDragging: !0, draggedPanel: o.panelId, dragOverColumn: null }), y(E(o.panelId)), P(x.clientX, x.clientY), A({ isClicked: !1, panelId: null }), z(!1), $(), j.current = null, p.current && (clearTimeout(p.current), p.current = null);
+        m({ isDragging: !0, draggedPanel: o.panelId, dragOverColumn: null }), b(j(o.panelId)), C(f.clientX, f.clientY), A({ isClicked: !1, panelId: null }), q(!1), _(), g.current = null, y.current && (clearTimeout(y.current), y.current = null);
       }
     },
     [
@@ -2384,145 +2374,145 @@ const Or = [
       n.dragOverColumn,
       r,
       a,
-      k,
-      f,
-      b,
+      T,
+      m,
+      w,
+      l,
+      j,
       d,
-      E,
-      u,
-      y,
-      P,
+      b,
+      C,
       A,
-      z,
+      q,
+      _,
+      J,
+      p,
       $,
-      G,
-      g,
-      L,
-      w
+      W
     ]
-  ), oe = D(
-    (x) => {
-      if (O(m.current, 1, "🐭 カスタムドラッグハンドラー - グローバルマウスアップ", {
+  ), X = k(
+    (f) => {
+      if (M(v.current, 1, "🐭 カスタムドラッグハンドラー - グローバルマウスアップ", {
         isActive: e.isActive,
         panelId: e.panelId,
         dragMode: e.panelId ? r[e.panelId] : "unknown"
       }), e.isActive) {
-        I.current.stop();
-        const M = re.current;
-        if (M) {
-          const Z = document.elementFromPoint(x.clientX, x.clientY)?.closest("[data-drop-zone]");
-          if (Z) {
-            const ae = Z.getAttribute("data-column-key");
-            ae && r[e.panelId] === "custom" ? (O(m.current, 1, "🔄 カスタムドラッグパネル移動実行:", e.panelId, "→", ae), c(e.panelId, ae, M.insertIndex)) : O(m.current, 1, "🚫 カスタムドラッグパネル移動スキップ:", e.panelId, "モード:", r[e.panelId]);
+        R.current.stop();
+        const S = Y.current;
+        if (S) {
+          const K = document.elementFromPoint(f.clientX, f.clientY)?.closest("[data-drop-zone]");
+          if (K) {
+            const ae = K.getAttribute("data-column-key");
+            ae && r[e.panelId] === "custom" ? (M(v.current, 1, "🔄 カスタムドラッグパネル移動実行:", e.panelId, "→", ae), E(e.panelId, ae, S.insertIndex)) : M(v.current, 1, "🚫 カスタムドラッグパネル移動スキップ:", e.panelId, "モード:", r[e.panelId]);
           }
         }
-        v(), document.body.classList.remove("custom-dragging", "droppable"), T(), _.current = 0;
-      } else if (R(x.clientX, x.clientY)) {
-        const F = document.elementFromPoint(x.clientX, x.clientY)?.closest("[data-panel-id]"), Z = F?.getAttribute("data-panel-id") ?? null;
-        if (!(F && Z) || r[Z] !== "custom") {
-          p.current && (clearTimeout(p.current), p.current = null), Y(), j.current = null, _.current = 0;
+        x(), document.body.classList.remove("custom-dragging", "droppable"), L(), D.current = 0;
+      } else if (N(f.clientX, f.clientY)) {
+        const U = document.elementFromPoint(f.clientX, f.clientY)?.closest("[data-panel-id]"), K = U?.getAttribute("data-panel-id") ?? null;
+        if (!(U && K) || r[K] !== "custom") {
+          y.current && (clearTimeout(y.current), y.current = null), B(), g.current = null, D.current = 0;
           return;
         }
-        _.current += 1, o.isClicked === !1 && _.current === 1 ? (O(m.current, 1, "🖱️ 仮想クリック検出 - ドラッグ待機状態へ:", Z), A({ isClicked: !0, panelId: Z }), p.current = window.setTimeout(() => {
-          O(m.current, 1, "⏳ クリック待機状態を自動解除:", Z), Y(), j.current = null, _.current = 0;
-        }, 2e3)) : (O(m.current, 1, "🚫 クリック待機状態を解除 - 仮想クリック検出停止:", Z), p.current && (clearTimeout(p.current), p.current = null), Y(), j.current = null, _.current = 0, p.current = window.setTimeout(() => {
-          O(m.current, 1, "⏳ 仮想クリック検出再開:", Z);
+        D.current += 1, o.isClicked === !1 && D.current === 1 ? (M(v.current, 1, "🖱️ 仮想クリック検出 - ドラッグ待機状態へ:", K), A({ isClicked: !0, panelId: K }), y.current = window.setTimeout(() => {
+          M(v.current, 1, "⏳ クリック待機状態を自動解除:", K), B(), g.current = null, D.current = 0;
+        }, 2e3)) : (M(v.current, 1, "🚫 クリック待機状態を解除 - 仮想クリック検出停止:", K), y.current && (clearTimeout(y.current), y.current = null), B(), g.current = null, D.current = 0, y.current = window.setTimeout(() => {
+          M(v.current, 1, "⏳ 仮想クリック検出再開:", K);
         }, 2e3));
-      } else o.isClicked && (Y(), j.current = null, _.current = 0);
-      a && z(!1);
+      } else o.isClicked && (B(), g.current = null, D.current = 0);
+      a && q(!1);
     },
-    [e.isActive, e.panelId, o, r, a, c, T, Y, R, A, z, v]
-  ), h = D(
-    (x, M) => {
-      if (r[M] !== "custom") {
-        O(m.current, 1, "🚫 カスタムドラッグモードではない - スキップ:", M);
+    [e.isActive, e.panelId, o, r, a, E, L, B, N, A, q, x]
+  ), u = k(
+    (f, S) => {
+      if (r[S] !== "custom") {
+        M(v.current, 1, "🚫 カスタムドラッグモードではない - スキップ:", S);
         return;
       }
-      S(x.clientX, x.clientY), o.isClicked && o.panelId === M && (z(!0), p.current !== null && (clearTimeout(p.current), p.current = null), N(x.clientX, x.clientY), j.current = { x: x.clientX, y: x.clientY });
+      h(f.clientX, f.clientY), o.isClicked && o.panelId === S && (q(!0), y.current !== null && (clearTimeout(y.current), y.current = null), P(f.clientX, f.clientY), g.current = { x: f.clientX, y: f.clientY });
     },
-    [o, r, S, z, N]
+    [o, r, h, q, P]
   );
-  return ee(() => () => {
-    p.current !== null && clearTimeout(p.current), I.current.stop();
+  return oe(() => () => {
+    y.current !== null && clearTimeout(y.current), R.current.stop();
   }, []), {
-    handleGlobalMouseMove: V,
-    handleGlobalMouseUp: oe,
-    handleMouseDown: h
+    handleGlobalMouseMove: F,
+    handleGlobalMouseUp: X,
+    handleMouseDown: u
   };
-}, $r = () => {
+}, Rr = () => {
   const [t, n] = se({
     isDragging: !1,
     draggedPanel: null,
     dragOverColumn: null
-  }), [e, o] = se(null), [r, a] = se(null), [l, u] = se({
+  }), [e, o] = se(null), [r, a] = se(null), [i, d] = se({
     isActive: !1,
     panelId: "",
     startX: 0,
     startY: 0
-  }), [f, b] = se({
+  }), [m, w] = se({
     isClicked: !1,
     panelId: null
-  }), [y, A] = se(!1), z = D(() => {
-    u({ isActive: !1, panelId: "", startX: 0, startY: 0 }), n({ isDragging: !1, draggedPanel: null, dragOverColumn: null }), o(null), a(null);
-  }, []), E = D(() => {
-    b({ isClicked: !1, panelId: null }), A(!1);
-  }, []), c = D((d) => {
-    n(d);
-  }, []), P = D((d) => {
-    o(d);
-  }, []), k = D((d) => {
-    a(d);
-  }, []), S = D((d) => {
-    u(d);
-  }, []), N = D((d) => {
-    b(d);
-  }, []), R = D((d) => {
-    A(d);
+  }), [b, A] = se(!1), q = k(() => {
+    d({ isActive: !1, panelId: "", startX: 0, startY: 0 }), n({ isDragging: !1, draggedPanel: null, dragOverColumn: null }), o(null), a(null);
+  }, []), j = k(() => {
+    w({ isClicked: !1, panelId: null }), A(!1);
+  }, []), E = k((l) => {
+    n(l);
+  }, []), C = k((l) => {
+    o(l);
+  }, []), T = k((l) => {
+    a(l);
+  }, []), h = k((l) => {
+    d(l);
+  }, []), P = k((l) => {
+    w(l);
+  }, []), N = k((l) => {
+    A(l);
   }, []);
   return {
     // States / 状態
     dragState: t,
     dragOverPosition: e,
     originalPanelPosition: r,
-    customDrag: l,
-    clickState: f,
-    isMouseDown: y,
+    customDrag: i,
+    clickState: m,
+    isMouseDown: b,
     // Stabilized Setters / 安定化されたセッター
-    setDragState: c,
-    setDragOverPosition: P,
-    setOriginalPanelPosition: k,
-    setCustomDrag: S,
-    setClickState: N,
-    setIsMouseDown: R,
+    setDragState: E,
+    setDragOverPosition: C,
+    setOriginalPanelPosition: T,
+    setCustomDrag: h,
+    setClickState: P,
+    setIsMouseDown: N,
     // Utility Functions / ユーティリティ関数
-    resetDragState: z,
-    resetClickState: E
+    resetDragState: q,
+    resetClickState: j
   };
-}, Tr = () => {
+}, _r = () => {
   const [t, n] = se({
     x: 0,
     y: 0,
     isVisible: !1
-  }), e = W(null), o = W(0), r = W(null), a = D((E, c) => {
-    n({ x: E, y: c, isVisible: !0 });
-  }, []), l = D(() => {
-    n((E) => ({ ...E, isVisible: !1 }));
-  }, []), u = D((E, c) => {
-    n((P) => P.x === E && P.y === c ? P : {
-      x: E,
-      y: c,
-      isVisible: P.isVisible
+  }), e = I(null), o = I(0), r = I(null), a = k((j, E) => {
+    n({ x: j, y: E, isVisible: !0 });
+  }, []), i = k(() => {
+    n((j) => ({ ...j, isVisible: !1 }));
+  }, []), d = k((j, E) => {
+    n((C) => C.x === j && C.y === E ? C : {
+      x: j,
+      y: E,
+      isVisible: C.isVisible
     });
-  }, []), f = D((E, c) => {
-    o.current = Date.now(), r.current = { x: E, y: c };
-  }, []), b = D((E, c) => {
-    e.current = { x: E, y: c };
-  }, []), y = D((E, c, P = 500, k = 5) => Date.now() - (o.current || 0) >= P || !r.current ? !1 : Math.sqrt((E - r.current.x) ** 2 + (c - r.current.y) ** 2) < k, []), A = D((E, c) => {
+  }, []), m = k((j, E) => {
+    o.current = Date.now(), r.current = { x: j, y: E };
+  }, []), w = k((j, E) => {
+    e.current = { x: j, y: E };
+  }, []), b = k((j, E, C = 500, T = 5) => Date.now() - (o.current || 0) >= C || !r.current ? !1 : Math.sqrt((j - r.current.x) ** 2 + (E - r.current.y) ** 2) < T, []), A = k((j, E) => {
     if (!e.current)
       return 0;
-    const P = Math.abs(E - e.current.x), k = Math.abs(c - e.current.y);
-    return Math.sqrt(P * P + k * k);
-  }, []), z = D(() => {
+    const C = Math.abs(j - e.current.x), T = Math.abs(E - e.current.y);
+    return Math.sqrt(C * C + T * T);
+  }, []), q = k(() => {
     e.current = null, o.current = 0, r.current = null;
   }, []);
   return {
@@ -2531,13 +2521,13 @@ const Or = [
     mouseDownTime: o.current,
     mouseDownPosition: r.current,
     showMousePosition: a,
-    hideMousePosition: l,
-    updateMousePosition: u,
-    recordMouseDown: f,
-    recordClickPosition: b,
-    isVirtualClick: y,
+    hideMousePosition: i,
+    updateMousePosition: d,
+    recordMouseDown: m,
+    recordClickPosition: w,
+    isVirtualClick: b,
     calculateMoveDistance: A,
-    clearMouseTracking: z
+    clearMouseTracking: q
   };
 }, Lr = ({
   debugConfig: t,
@@ -2546,171 +2536,171 @@ const Or = [
   dragModes: o,
   columnPanels: r,
   dragOverPosition: a,
-  originalPanelPosition: l,
-  setDragState: u,
-  setDragOverPosition: f,
-  setOriginalPanelPosition: b,
-  performPanelMove: y,
+  originalPanelPosition: i,
+  setDragState: d,
+  setDragOverPosition: m,
+  setOriginalPanelPosition: w,
+  performPanelMove: b,
   showMousePosition: A,
-  updateMousePosition: z,
-  resetDragState: E,
-  handlePlaceholderDragEnter: c,
-  handlePlaceholderDragLeave: P,
-  scale: k = 1
+  updateMousePosition: q,
+  resetDragState: j,
+  handlePlaceholderDragEnter: E,
+  handlePlaceholderDragLeave: C,
+  scale: T = 1
 }) => {
-  const S = W(t);
-  S.current = t;
-  const N = W(r);
-  N.current = r;
-  const R = W(n);
-  R.current = n;
-  const d = W(a);
-  d.current = a;
-  const $ = W(l);
-  $.current = l;
-  const T = W(k);
-  T.current = k;
-  const Y = W(new rt(Se));
-  ee(() => {
-    const m = document.querySelector(Vt);
-    m && Y.current.setScrollElement(m);
+  const h = I(t);
+  h.current = t;
+  const P = I(r);
+  P.current = r;
+  const N = I(n);
+  N.current = n;
+  const l = I(a);
+  l.current = a;
+  const _ = I(i);
+  _.current = i;
+  const L = I(T);
+  L.current = T;
+  const B = I(new rt(Me));
+  oe(() => {
+    const v = document.querySelector(Zt);
+    v && B.current.setScrollElement(v);
   }, []);
-  const G = D(
-    (m, p) => {
+  const J = k(
+    (v, y) => {
       if (e.isActive) {
-        O(S.current, 2, "カスタムドラッグアクティブ中 - 通常ドラッグを無効化:", p), m.preventDefault();
+        M(h.current, 2, "カスタムドラッグアクティブ中 - 通常ドラッグを無効化:", y), v.preventDefault();
         return;
       }
-      if (o[p] === "custom") {
-        O(S.current, 2, "カスタムドラッグモード - 通常ドラッグを無効化:", p), m.preventDefault();
+      if (o[y] === "custom") {
+        M(h.current, 2, "カスタムドラッグモード - 通常ドラッグを無効化:", y), v.preventDefault();
         return;
       }
-      O(S.current, 1, "ドラッグ開始:", p);
-      const j = Object.keys(N.current);
-      let _ = null;
-      for (let I = 0; I < j.length; I++) {
-        const re = j[I], V = N.current[re].indexOf(p);
-        if (V !== -1) {
-          _ = { columnIndex: I, panelIndex: V };
+      M(h.current, 1, "ドラッグ開始:", y);
+      const g = Object.keys(P.current);
+      let D = null;
+      for (let R = 0; R < g.length; R++) {
+        const Y = g[R], F = P.current[Y].indexOf(y);
+        if (F !== -1) {
+          D = { columnIndex: R, panelIndex: F };
           break;
         }
       }
-      if (b(_), m.dataTransfer) {
-        m.dataTransfer.setData("text/plain", p), m.dataTransfer.effectAllowed = "move";
-        const I = T.current;
-        if (I < 1) {
-          const re = m.currentTarget.closest("[data-panel-id]") ?? m.currentTarget, V = re.getBoundingClientRect(), oe = re.offsetWidth, h = re.offsetHeight, x = re.cloneNode(!0);
-          x.removeAttribute("data-panel-id"), x.removeAttribute("id"), Zt(re, x), x.style.margin = "0", x.style.width = `${oe}px`, x.style.height = `${h}px`, x.style.transform = `scale(${I})`, x.style.transformOrigin = "top left";
-          const M = document.createElement("div");
-          M.style.position = "fixed", M.style.top = "0", M.style.left = "-10000px", M.style.width = `${oe * I}px`, M.style.height = `${h * I}px`, M.style.overflow = "hidden", M.style.opacity = "0.8", M.style.pointerEvents = "none", M.appendChild(x), document.body.appendChild(M), m.dataTransfer.setDragImage(M, m.clientX - V.left, m.clientY - V.top), requestAnimationFrame(() => M.remove());
+      if (w(D), v.dataTransfer) {
+        v.dataTransfer.setData("text/plain", y), v.dataTransfer.effectAllowed = "move";
+        const R = L.current;
+        if (R < 1) {
+          const Y = v.currentTarget.closest("[data-panel-id]") ?? v.currentTarget, F = Y.getBoundingClientRect(), X = Y.offsetWidth, u = Y.offsetHeight, f = Y.cloneNode(!0);
+          f.removeAttribute("data-panel-id"), f.removeAttribute("id"), Gt(Y, f), f.style.margin = "0", f.style.width = `${X}px`, f.style.height = `${u}px`, f.style.transform = `scale(${R})`, f.style.transformOrigin = "top left";
+          const S = document.createElement("div");
+          S.style.position = "fixed", S.style.top = "0", S.style.left = "-10000px", S.style.width = `${X * R}px`, S.style.height = `${u * R}px`, S.style.overflow = "hidden", S.style.opacity = "0.8", S.style.pointerEvents = "none", S.appendChild(f), document.body.appendChild(S), v.dataTransfer.setDragImage(S, v.clientX - F.left, v.clientY - F.top), requestAnimationFrame(() => S.remove());
         }
       }
-      A(m.clientX, m.clientY), requestAnimationFrame(() => {
-        u({
+      A(v.clientX, v.clientY), requestAnimationFrame(() => {
+        d({
           isDragging: !0,
-          draggedPanel: p,
+          draggedPanel: y,
           dragOverColumn: null
         });
       });
     },
-    [o, e.isActive, b, A, u]
-  ), g = D(() => {
-    O(S.current, 1, "ドラッグ終了"), Y.current.stop(), E();
-  }, [E]), v = D(
-    (m, p) => {
-      if (m.preventDefault(), m.dataTransfer.dropEffect = "move", !R.current.isDragging) return;
-      z(m.clientX, m.clientY), p !== R.current.dragOverColumn && u((I) => ({ ...I, dragOverColumn: p }));
-      const j = document.elementFromPoint(m.clientX, m.clientY), _ = j?.closest("[data-placeholder-index]");
-      if (_) {
-        const I = _.getAttribute("data-placeholder-index"), re = _.getAttribute("data-placeholder-column");
-        if (I && re) {
-          const V = parseInt(I, 10), oe = parseInt(re, 10);
-          c(oe, V);
+    [o, e.isActive, w, A, d]
+  ), p = k(() => {
+    M(h.current, 1, "ドラッグ終了"), B.current.stop(), j();
+  }, [j]), x = k(
+    (v, y) => {
+      if (v.preventDefault(), v.dataTransfer.dropEffect = "move", !N.current.isDragging) return;
+      q(v.clientX, v.clientY), y !== N.current.dragOverColumn && d((R) => ({ ...R, dragOverColumn: y }));
+      const g = document.elementFromPoint(v.clientX, v.clientY), D = g?.closest("[data-placeholder-index]");
+      if (D) {
+        const R = D.getAttribute("data-placeholder-index"), Y = D.getAttribute("data-placeholder-column");
+        if (R && Y) {
+          const F = parseInt(R, 10), X = parseInt(Y, 10);
+          E(X, F);
         }
       } else
-        j?.closest("[data-drop-zone]") || P();
+        g?.closest("[data-drop-zone]") || C();
     },
-    [z, u, c, P]
-  ), L = D(
-    (m, p) => {
-      m.preventDefault();
-      const j = m.dataTransfer.getData("text/plain"), _ = d.current;
-      j && _ && (O(S.current, 1, "🎯 ドロップ完了:", {
-        draggedPanel: j,
-        targetColumn: p,
-        insertPosition: `カラム${_.columnIndex} - 位置${_.insertIndex}`
-      }), y(j, p, _.insertIndex), f(null), g());
+    [q, d, E, C]
+  ), $ = k(
+    (v, y) => {
+      v.preventDefault();
+      const g = v.dataTransfer.getData("text/plain"), D = l.current;
+      g && D && (M(h.current, 1, "🎯 ドロップ完了:", {
+        draggedPanel: g,
+        targetColumn: y,
+        insertPosition: `カラム${D.columnIndex} - 位置${D.insertIndex}`
+      }), b(g, y, D.insertIndex), m(null), p());
     },
-    [y, f, g]
-  ), w = D(
-    (m) => {
-      const p = m.currentTarget, j = m.relatedTarget;
-      j && p.contains(j) || (f(null), u((_) => ({ ..._, dragOverColumn: null })));
+    [b, m, p]
+  ), W = k(
+    (v) => {
+      const y = v.currentTarget, g = v.relatedTarget;
+      g && y.contains(g) || (m(null), d((D) => ({ ...D, dragOverColumn: null })));
     },
-    [f, u]
+    [m, d]
   );
-  return ee(() => {
-    const m = (p) => {
-      R.current.isDragging && (z(p.clientX, p.clientY), Y.current.update(p.clientX, p.clientY));
+  return oe(() => {
+    const v = (y) => {
+      N.current.isDragging && (q(y.clientX, y.clientY), B.current.update(y.clientX, y.clientY));
     };
     if (n.isDragging)
-      return document.addEventListener("dragover", m), () => {
-        document.removeEventListener("dragover", m), Y.current.stop();
+      return document.addEventListener("dragover", v), () => {
+        document.removeEventListener("dragover", v), B.current.stop();
       };
-  }, [n.isDragging, z]), ee(() => () => {
-    Y.current.stop();
+  }, [n.isDragging, q]), oe(() => () => {
+    B.current.stop();
   }, []), {
-    handleDragStart: G,
-    handleDragEnd: g,
-    handleDragOverWithInsert: v,
-    handleDropWithInsert: L,
-    handleColumnDragLeave: w
+    handleDragStart: J,
+    handleDragEnd: p,
+    handleDragOverWithInsert: x,
+    handleDropWithInsert: $,
+    handleColumnDragLeave: W
   };
-}, _r = (t, n = 1) => {
-  const [e, o] = se(t), [r, a] = se({}), l = W({}), u = W(null), f = W({ x: 0, y: 0 }), b = W(n);
-  b.current = n;
-  const y = D((N) => document.querySelector(`[data-panel-id="${N}"]`), []), A = D(
-    (N, R) => {
-      const d = R.getBoundingClientRect(), $ = window.getComputedStyle(R), T = {
-        width: Math.round(d.width),
-        height: Math.round(d.height),
-        x: Math.round(d.left),
-        y: Math.round(d.top),
-        minHeight: $.minHeight || "auto",
-        maxHeight: $.maxHeight || "none"
-      }, Y = l.current[N];
-      (!Y || Object.keys(T).some((G) => Y[G] !== T[G])) && (l.current[N] = T, a((G) => ({
-        ...G,
-        [N]: T
+}, zr = (t, n = 1) => {
+  const [e, o] = se(t), [r, a] = se({}), i = I({}), d = I(null), m = I({ x: 0, y: 0 }), w = I(n);
+  w.current = n;
+  const b = k((P) => document.querySelector(`[data-panel-id="${P}"]`), []), A = k(
+    (P, N) => {
+      const l = N.getBoundingClientRect(), _ = window.getComputedStyle(N), L = {
+        width: Math.round(l.width),
+        height: Math.round(l.height),
+        x: Math.round(l.left),
+        y: Math.round(l.top),
+        minHeight: _.minHeight || "auto",
+        maxHeight: _.maxHeight || "none"
+      }, B = i.current[P];
+      (!B || Object.keys(L).some((J) => B[J] !== L[J])) && (i.current[P] = L, a((J) => ({
+        ...J,
+        [P]: L
       })));
     },
     []
     // setPanelSizes は React の state セッターなので依存配列に含める必要はありません
-  ), z = D(
-    (N) => {
-      const R = y(N);
-      R && A(N, R);
+  ), q = k(
+    (P) => {
+      const N = b(P);
+      N && A(P, N);
     },
-    [y, A]
-  ), E = D(
-    (N, R) => {
-      R && requestAnimationFrame(() => A(N, R));
+    [b, A]
+  ), j = k(
+    (P, N) => {
+      N && requestAnimationFrame(() => A(P, N));
     },
     [A]
-  ), c = D(
-    (N, R, d) => {
-      const $ = y(N);
-      !$ || u.current || (u.current = Gt($, N, b.current), f.current = { x: R, y: d });
+  ), E = k(
+    (P, N, l) => {
+      const _ = b(P);
+      !_ || d.current || (d.current = Kt(_, P, w.current), m.current = { x: N, y: l });
     },
-    [y]
-  ), P = D((N, R) => {
-    u.current && Kt(u.current, N, R, f.current, b.current);
-  }, []), k = D(() => {
-    u.current && (u.current.remove(), u.current = null);
-  }, []), S = D((N) => {
-    o((R) => ({
-      ...R,
-      [N]: !R[N]
+    [b]
+  ), C = k((P, N) => {
+    d.current && Jt(d.current, P, N, m.current, w.current);
+  }, []), T = k(() => {
+    d.current && (d.current.remove(), d.current = null);
+  }, []), h = k((P) => {
+    o((N) => ({
+      ...N,
+      [P]: !N[P]
     }));
   }, []);
   return {
@@ -2720,97 +2710,110 @@ const Or = [
     // State update functions / 状態更新関数
     setPanelVisibility: o,
     setPanelSizes: a,
-    setPanelRef: E,
-    updatePanelSize: z,
-    togglePanelVisibility: S,
+    setPanelRef: j,
+    updatePanelSize: q,
+    togglePanelVisibility: h,
     // Utility functions / ユーティリティ関数
-    getPanelElement: y,
+    getPanelElement: b,
     // Functions for drag image management / ドラッグイメージ管理用の関数
-    createDragImage: c,
-    updateDragImagePosition: P,
-    removeDragImage: k
+    createDragImage: E,
+    updateDragImagePosition: C,
+    removeDragImage: T
   };
-}, Jr = ({ initialColumnPanels: t, initialPanelVisibility: n, initialDragModes: e = {}, debugConfig: o, onPanelMove: r, onDragModeChange: a, onColumnPanelsChange: l, scale: u = 1 }) => {
-  const f = W(o);
-  f.current = o;
-  const [b, y] = se(t), [A, z] = se(e), E = W(b);
-  E.current = b;
-  const c = $r(), P = Tr(), k = _r(n, u), S = W({
+}, eo = ({ initialColumnPanels: t, initialPanelVisibility: n, initialDragModes: e = {}, debugConfig: o, onPanelMove: r, onDragModeChange: a, onColumnPanelsChange: i, scale: d = 1 }) => {
+  const m = I(o);
+  m.current = o;
+  const [w, b] = se(t), [A, q] = se(e), j = I(w), E = I(A), C = k((g) => {
+    if (typeof g == "function") throw new TypeError("setColumnPanels takes the next arrangement itself, not an updater function");
+    j.current = g, b(g);
+  }, []), T = k((g) => {
+    if (typeof g == "function") throw new TypeError("setDragModes takes the next drag modes themselves, not an updater function");
+    E.current = g, q(g);
+  }, []), h = Rr(), P = _r(), N = zr(n, d), l = I({
     mousemove: null,
     mouseup: null
-  }), N = D((w) => {
-    const m = Object.keys(E.current), p = Mr(m, fe);
-    for (let j = 0; j < p.length; j++) {
-      const _ = p[j], I = E.current[_]?.indexOf(w) ?? -1;
-      if (I !== -1)
-        return { columnIndex: j, panelIndex: I };
+  }), _ = k((g) => {
+    const D = Object.keys(j.current), R = Ar(D, fe);
+    for (let Y = 0; Y < R.length; Y++) {
+      const F = R[Y], X = j.current[F]?.indexOf(g) ?? -1;
+      if (X !== -1)
+        return { columnIndex: Y, panelIndex: X };
     }
     return null;
-  }, []), R = D(
-    (w, m, p) => {
-      O(f.current, 1, "🔄 パネル移動実行:", w, "→", m, "@", p), y((j) => {
-        if (!Object.values(j).some((I) => I.includes(w)))
-          return console.error("Source column not found for panel:", w), j;
-        if (!j[m])
-          return console.error("Target column not found:", m), j;
-        const _ = Yt(j, w, m, p);
-        if (_ === null) return j;
-        if (O(f.current, 1, "✅ パネル移動完了:", w, "→", m), l && requestAnimationFrame(() => {
-          l(_);
-        }), r) {
-          const I = Object.keys(j).find((re) => j[re].includes(w));
-          I && requestAnimationFrame(() => {
-            r(w, I, m, p);
-          });
+  }, []), L = k(
+    (g, D, R) => {
+      M(m.current, 1, "🔄 パネル移動実行:", g, "→", D, "@", R);
+      const Y = j.current, F = Object.keys(Y).find((u) => Y[u].includes(g));
+      if (F === void 0) {
+        console.error("Source column not found for panel:", g);
+        return;
+      }
+      if (!Y[D]) {
+        console.error("Target column not found:", D);
+        return;
+      }
+      const X = Ft(Y, g, D, R);
+      X !== null && (C(X), M(m.current, 1, "✅ パネル移動完了:", g, "→", D), !(i === void 0 && r === void 0) && requestAnimationFrame(() => {
+        const u = [];
+        try {
+          i?.(X);
+        } catch (f) {
+          u.push(f);
         }
-        return _;
-      });
+        try {
+          r?.(g, F, D, R);
+        } catch (f) {
+          u.push(f);
+        }
+        if (u.length === 1) throw u[0];
+        if (u.length === 2) throw new AggregateError(u, "onColumnPanelsChange and onPanelMove both threw");
+      }));
     },
-    [l, r]
-  ), d = D(
-    (w, m) => {
-      if (!(c.dragState.isDragging || c.customDrag.isActive)) return;
-      const p = c.originalPanelPosition;
-      if (p !== null && et(p, w, m)) {
-        O(f.current, 1, `元の位置への挿入をスキップ: カラム${w}, 位置${m}`);
+    [i, r, C]
+  ), B = k(
+    (g, D) => {
+      if (!(h.dragState.isDragging || h.customDrag.isActive)) return;
+      const R = h.originalPanelPosition;
+      if (R !== null && et(R, g, D)) {
+        M(m.current, 1, `元の位置への挿入をスキップ: カラム${g}, 位置${D}`);
         return;
       }
-      const j = c.dragOverPosition;
-      (!j || j.columnIndex !== w || j.insertIndex !== m) && (O(f.current, 1, `プレースホルダーエンター: カラム${w}, 位置${m}`), c.setDragOverPosition({ columnIndex: w, insertIndex: m }), c.setDragState((_) => ({ ..._, dragOverColumn: w })));
+      const Y = h.dragOverPosition;
+      (!Y || Y.columnIndex !== g || Y.insertIndex !== D) && (M(m.current, 1, `プレースホルダーエンター: カラム${g}, 位置${D}`), h.setDragOverPosition({ columnIndex: g, insertIndex: D }), h.setDragState((F) => ({ ...F, dragOverColumn: g })));
     },
-    [c]
-  ), $ = D(
-    (w, m, p) => {
-      if (c.dragState.isDragging || c.customDrag.isActive) {
-        if (c.customDrag.isActive)
-          O(f.current, 1, "🚫 カスタムドラッグ - プレースホルダーリーブ: ハイライトを解除します。"), c.setDragOverPosition(null);
-        else if (c.dragState.isDragging && w && m !== void 0 && p !== void 0) {
-          const j = c.dragOverPosition;
-          if (j && j.columnIndex === m && j.insertIndex === p) {
-            const _ = w.currentTarget, I = w.relatedTarget;
-            I && _.contains(I) || (O(f.current, 1, `ノーマルドラッグ - プレースホルダーリーブ: カラム${m}, 位置${p}。ハイライトを解除します。`), c.setDragOverPosition(null));
+    [h]
+  ), J = k(
+    (g, D, R) => {
+      if (h.dragState.isDragging || h.customDrag.isActive) {
+        if (h.customDrag.isActive)
+          M(m.current, 1, "🚫 カスタムドラッグ - プレースホルダーリーブ: ハイライトを解除します。"), h.setDragOverPosition(null);
+        else if (h.dragState.isDragging && g && D !== void 0 && R !== void 0) {
+          const Y = h.dragOverPosition;
+          if (Y && Y.columnIndex === D && Y.insertIndex === R) {
+            const F = g.currentTarget, X = g.relatedTarget;
+            X && F.contains(X) || (M(m.current, 1, `ノーマルドラッグ - プレースホルダーリーブ: カラム${D}, 位置${R}。ハイライトを解除します。`), h.setDragOverPosition(null));
           }
         }
       }
     },
-    [c]
-  ), T = Ar({
-    debugConfig: f.current,
-    dragState: c.dragState,
-    customDrag: c.customDrag,
-    clickState: c.clickState,
+    [h]
+  ), p = Tr({
+    debugConfig: m.current,
+    dragState: h.dragState,
+    customDrag: h.customDrag,
+    clickState: h.clickState,
     dragModes: A,
-    isMouseDown: c.isMouseDown,
-    originalPanelPosition: c.originalPanelPosition,
-    dragOverPosition: c.dragOverPosition,
-    setCustomDrag: c.setCustomDrag,
-    setDragState: c.setDragState,
-    setDragOverPosition: c.setDragOverPosition,
-    setOriginalPanelPosition: c.setOriginalPanelPosition,
-    setClickState: c.setClickState,
-    setIsMouseDown: c.setIsMouseDown,
-    findPanelPosition: N,
-    performPanelMove: R,
+    isMouseDown: h.isMouseDown,
+    originalPanelPosition: h.originalPanelPosition,
+    dragOverPosition: h.dragOverPosition,
+    setCustomDrag: h.setCustomDrag,
+    setDragState: h.setDragState,
+    setDragOverPosition: h.setDragOverPosition,
+    setOriginalPanelPosition: h.setOriginalPanelPosition,
+    setClickState: h.setClickState,
+    setIsMouseDown: h.setIsMouseDown,
+    findPanelPosition: _,
+    performPanelMove: L,
     showMousePosition: P.showMousePosition,
     updateMousePosition: P.updateMousePosition,
     recordMouseDown: P.recordMouseDown,
@@ -2818,142 +2821,140 @@ const Or = [
     isVirtualClick: P.isVirtualClick,
     calculateMoveDistance: P.calculateMoveDistance,
     clearMouseTracking: P.clearMouseTracking,
-    resetDragState: c.resetDragState,
-    resetClickState: c.resetClickState,
-    createDragImage: k.createDragImage,
-    updateDragImagePosition: k.updateDragImagePosition,
-    removeDragImage: k.removeDragImage,
-    handlePlaceholderDragEnter: d,
-    handlePlaceholderDragLeave: $
-  }), Y = Lr({
-    debugConfig: f.current,
-    dragState: c.dragState,
-    customDrag: c.customDrag,
+    resetDragState: h.resetDragState,
+    resetClickState: h.resetClickState,
+    createDragImage: N.createDragImage,
+    updateDragImagePosition: N.updateDragImagePosition,
+    removeDragImage: N.removeDragImage,
+    handlePlaceholderDragEnter: B,
+    handlePlaceholderDragLeave: J
+  }), x = Lr({
+    debugConfig: m.current,
+    dragState: h.dragState,
+    customDrag: h.customDrag,
     dragModes: A,
-    columnPanels: b,
-    dragOverPosition: c.dragOverPosition,
-    originalPanelPosition: c.originalPanelPosition,
-    setDragState: c.setDragState,
-    setDragOverPosition: c.setDragOverPosition,
-    setOriginalPanelPosition: c.setOriginalPanelPosition,
-    performPanelMove: R,
+    columnPanels: w,
+    dragOverPosition: h.dragOverPosition,
+    originalPanelPosition: h.originalPanelPosition,
+    setDragState: h.setDragState,
+    setDragOverPosition: h.setDragOverPosition,
+    setOriginalPanelPosition: h.setOriginalPanelPosition,
+    performPanelMove: L,
     showMousePosition: P.showMousePosition,
     updateMousePosition: P.updateMousePosition,
-    resetDragState: c.resetDragState,
-    handlePlaceholderDragEnter: d,
-    handlePlaceholderDragLeave: $,
-    scale: u
-  }), G = D((w) => {
-    S.current.mousemove && S.current.mousemove(w);
-  }, []), g = D((w) => {
-    S.current.mouseup && S.current.mouseup(w);
+    resetDragState: h.resetDragState,
+    handlePlaceholderDragEnter: B,
+    handlePlaceholderDragLeave: J,
+    scale: d
+  }), $ = k((g) => {
+    l.current.mousemove && l.current.mousemove(g);
+  }, []), W = k((g) => {
+    l.current.mouseup && l.current.mouseup(g);
   }, []);
-  ee(() => (O(f.current, 1, "🔧 グローバルイベントリスナー初期化 - refベース管理開始"), document.addEventListener("mousemove", G), document.addEventListener("mouseup", g), () => {
-    O(f.current, 1, "🔴 グローバルイベントリスナー終了 - refベース管理終了"), document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", g);
-  }), [G, g]), ee(() => {
-    const w = !c.clickState.isClicked && Object.entries(A).some(([, p]) => p === "custom"), m = c.clickState.isClicked && c.clickState.panelId;
-    if (w || m) {
-      const p = w ? "パターン1（仮想クリック検出）" : "パターン2,3（ドラッグ準備）";
-      O(f.current, 1, `🔧 イベントハンドラー設定開始: ${p}`), S.current.mousemove = T.handleGlobalMouseMove, S.current.mouseup = T.handleGlobalMouseUp;
+  oe(() => (M(m.current, 1, "🔧 グローバルイベントリスナー初期化 - refベース管理開始"), document.addEventListener("mousemove", $), document.addEventListener("mouseup", W), () => {
+    M(m.current, 1, "🔴 グローバルイベントリスナー終了 - refベース管理終了"), document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", W);
+  }), [$, W]), oe(() => {
+    const g = !h.clickState.isClicked && Object.entries(A).some(([, R]) => R === "custom"), D = h.clickState.isClicked && h.clickState.panelId;
+    if (g || D) {
+      const R = g ? "パターン1（仮想クリック検出）" : "パターン2,3（ドラッグ準備）";
+      M(m.current, 1, `🔧 イベントハンドラー設定開始: ${R}`), l.current.mousemove = p.handleGlobalMouseMove, l.current.mouseup = p.handleGlobalMouseUp;
     } else
-      c.customDrag.isActive || c.dragState.isDragging || (S.current.mousemove = null, S.current.mouseup = null);
-  }, [c.clickState.isClicked, c.clickState.panelId, A, c.customDrag.isActive, c.dragState.isDragging, T.handleGlobalMouseMove, T.handleGlobalMouseUp]);
-  const v = D(
-    (w) => {
-      O(f.current, 1, "🔄 toggleDragMode called:", { panelId: w }), z((m) => {
-        const j = (m[w] || "normal") === "normal" ? "custom" : "normal", _ = { ...m, [w]: j };
-        if (a)
-          try {
-            a(w, j);
-          } catch (I) {
-            console.error("🔄 Error in onDragModeChange:", I);
-          }
-        return _;
-      });
+      h.customDrag.isActive || h.dragState.isDragging || (l.current.mousemove = null, l.current.mouseup = null);
+  }, [h.clickState.isClicked, h.clickState.panelId, A, h.customDrag.isActive, h.dragState.isDragging, p.handleGlobalMouseMove, p.handleGlobalMouseUp]);
+  const v = k(
+    (g) => {
+      M(m.current, 1, "🔄 toggleDragMode called:", { panelId: g });
+      const D = E.current, R = (D[g] ?? "normal") === "normal" ? "custom" : "normal";
+      if (T({ ...D, [g]: R }), a !== void 0)
+        try {
+          a(g, R);
+        } catch (Y) {
+          console.error("🔄 Error in onDragModeChange:", Y);
+        }
     },
-    [a]
-  ), L = D((w, m) => {
-    w.stopPropagation(), O(f.current, 2, "パネルサイズ情報クリック:", m);
+    [a, T]
+  ), y = k((g, D) => {
+    g.stopPropagation(), M(m.current, 2, "パネルサイズ情報クリック:", D);
   }, []);
   return {
     // 状態
-    columnPanels: b,
-    panelVisibility: k.panelVisibility,
+    columnPanels: w,
+    panelVisibility: N.panelVisibility,
     dragModes: A,
-    dragState: c.dragState,
-    dragOverPosition: c.dragOverPosition,
-    originalPanelPosition: c.originalPanelPosition,
-    customDrag: c.customDrag,
-    clickState: c.clickState,
+    dragState: h.dragState,
+    dragOverPosition: h.dragOverPosition,
+    originalPanelPosition: h.originalPanelPosition,
+    customDrag: h.customDrag,
+    clickState: h.clickState,
     mousePosition: P.mousePosition,
-    panelSizes: k.panelSizes,
+    panelSizes: N.panelSizes,
     // 状態更新関数
-    setColumnPanels: y,
-    setPanelVisibility: k.setPanelVisibility,
-    setDragModes: z,
-    setPanelRef: k.setPanelRef,
+    setColumnPanels: C,
+    setPanelVisibility: N.setPanelVisibility,
+    setDragModes: T,
+    setPanelRef: N.setPanelRef,
     // イベントハンドラー
-    handleDragStart: Y.handleDragStart,
-    handleDragEnd: Y.handleDragEnd,
-    handleMouseDown: T.handleMouseDown,
-    handlePlaceholderDragEnter: d,
-    handlePlaceholderDragLeave: $,
-    handleDragOverWithInsert: Y.handleDragOverWithInsert,
-    handleDropWithInsert: Y.handleDropWithInsert,
-    handleColumnDragLeave: Y.handleColumnDragLeave,
-    handlePanelSizeInfoClick: L,
+    handleDragStart: x.handleDragStart,
+    handleDragEnd: x.handleDragEnd,
+    handleMouseDown: p.handleMouseDown,
+    handlePlaceholderDragEnter: B,
+    handlePlaceholderDragLeave: J,
+    handleDragOverWithInsert: x.handleDragOverWithInsert,
+    handleDropWithInsert: x.handleDropWithInsert,
+    handleColumnDragLeave: x.handleColumnDragLeave,
+    handlePanelSizeInfoClick: y,
     // ユーティリティ関数
     toggleDragMode: v,
-    findPanelPosition: N
+    findPanelPosition: _
   };
-}, Qr = ({ minColumnWidth: t = 350, defaultColumns: n = 3, maxColumns: e = 6, minColumns: o = 1, currentColumnWidths: r = {} } = {}) => {
-  const [a, l] = se(0), u = W(0), f = W(null), [b, y] = se(!1), A = W(n);
-  ee(() => {
+}, to = ({ minColumnWidth: t = 350, defaultColumns: n = 3, maxColumns: e = 6, minColumns: o = 1, currentColumnWidths: r = {} } = {}) => {
+  const [a, i] = se(0), d = I(0), m = I(null), [w, b] = se(!1), A = I(n);
+  oe(() => {
     if (typeof window > "u")
       return;
-    const c = () => {
-      const k = window.visualViewport?.width ?? 0, S = document?.documentElement?.clientWidth ?? 0, N = document?.body?.clientWidth ?? 0, R = window.innerWidth ?? 0;
-      return S > 0 ? Math.floor(S) : k > 0 ? Math.floor(k) : N > 0 ? Math.floor(N) : Math.floor(R);
-    }, P = () => {
-      f.current !== null && cancelAnimationFrame(f.current), f.current = requestAnimationFrame(() => {
-        const k = c();
-        f.current = null, k !== 0 && (Math.abs(u.current - k) < 2 || (u.current = k, l(k)));
+    const E = () => {
+      const T = window.visualViewport?.width ?? 0, h = document?.documentElement?.clientWidth ?? 0, P = document?.body?.clientWidth ?? 0, N = window.innerWidth ?? 0;
+      return h > 0 ? Math.floor(h) : T > 0 ? Math.floor(T) : P > 0 ? Math.floor(P) : Math.floor(N);
+    }, C = () => {
+      m.current !== null && cancelAnimationFrame(m.current), m.current = requestAnimationFrame(() => {
+        const T = E();
+        m.current = null, T !== 0 && (Math.abs(d.current - T) < 2 || (d.current = T, i(T)));
       });
     };
-    return P(), window.addEventListener("resize", P), window.addEventListener("orientationchange", P), window.visualViewport?.addEventListener("resize", P), () => {
-      f.current !== null && cancelAnimationFrame(f.current), window.removeEventListener("resize", P), window.removeEventListener("orientationchange", P), window.visualViewport?.removeEventListener("resize", P);
+    return C(), window.addEventListener("resize", C), window.addEventListener("orientationchange", C), window.visualViewport?.addEventListener("resize", C), () => {
+      m.current !== null && cancelAnimationFrame(m.current), window.removeEventListener("resize", C), window.removeEventListener("orientationchange", C), window.visualViewport?.removeEventListener("resize", C);
     };
   }, []);
-  const z = Re(() => {
-    if (!b || a === 0)
+  const q = Le(() => {
+    if (!w || a === 0)
       return A.current = n, n;
-    const c = Math.max(a - 64, 0), P = 24, k = Object.values(r);
-    let S;
-    if (k.length > 0) {
-      const N = k.reduce(($, T) => $ + T, 0) / k.length, R = Math.max(t, N);
-      S = Math.floor((c + P) / (R + P)), k.reduce(($, T) => $ + T, 0) + (k.length - 1) * P > c && k.length > o && (S = Math.min(S, k.length - 1));
+    const E = Math.max(a - 64, 0), C = 24, T = Object.values(r);
+    let h;
+    if (T.length > 0) {
+      const P = T.reduce((_, L) => _ + L, 0) / T.length, N = Math.max(t, P);
+      h = Math.floor((E + C) / (N + C)), T.reduce((_, L) => _ + L, 0) + (T.length - 1) * C > E && T.length > o && (h = Math.min(h, T.length - 1));
     } else
-      S = Math.floor((c + P) / (t + P));
-    return S = Math.max(o, Math.min(e, S)), A.current === S ? A.current : (A.current = S, S);
-  }, [b, a, n, t, e, o, r]), E = D(() => {
-    y((c) => !c);
+      h = Math.floor((E + C) / (t + C));
+    return h = Math.max(o, Math.min(e, h)), A.current === h ? A.current : (A.current = h, h);
+  }, [w, a, n, t, e, o, r]), j = k(() => {
+    b((E) => !E);
   }, []);
   return {
-    responsiveColumnCount: z,
-    isResponsiveMode: b,
+    responsiveColumnCount: q,
+    isResponsiveMode: w,
     screenWidth: a,
-    toggleResponsiveMode: E
+    toggleResponsiveMode: j
   };
 };
-const Rr = [
+const Ir = [
   ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
   ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
   ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
-], zr = ie("monitor", Rr);
-const qr = [
+], qr = ie("monitor", Ir);
+const Wr = [
   ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
   ["path", { d: "M12 18h.01", key: "mhygvu" }]
-], Wr = ie("smartphone", qr), eo = ({ isResponsiveMode: t, responsiveColumnCount: n, currentColumnCount: e, screenWidth: o, onToggleResponsive: r }) => /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-slate-300 bg-white/90 px-3 py-1", children: [
+], Hr = ie("smartphone", Wr), no = ({ isResponsiveMode: t, responsiveColumnCount: n, currentColumnCount: e, screenWidth: o, onToggleResponsive: r }) => /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-slate-300 bg-white/90 px-3 py-1", children: [
   /* @__PURE__ */ s.jsxs(
     "button",
     {
@@ -2962,7 +2963,7 @@ const qr = [
       className: `flex items-center gap-1 rounded px-2 py-1 text-xs transition-colors ${t ? "border border-blue-300 bg-blue-100 text-blue-700" : "border border-slate-300 text-slate-600 hover:bg-blue-50 hover:text-blue-600"}`,
       title: t ? "レスポンシブモードを無効化" : "レスポンシブモードを有効化",
       children: [
-        t ? /* @__PURE__ */ s.jsx(Wr, { className: "h-3 w-3" }) : /* @__PURE__ */ s.jsx(zr, { className: "h-3 w-3" }),
+        t ? /* @__PURE__ */ s.jsx(Hr, { className: "h-3 w-3" }) : /* @__PURE__ */ s.jsx(qr, { className: "h-3 w-3" }),
         /* @__PURE__ */ s.jsx("span", { children: t ? "レスポンシブ" : "固定" })
       ]
     }
@@ -2979,7 +2980,7 @@ const qr = [
     ] }),
     n !== e && /* @__PURE__ */ s.jsx("span", { className: "text-orange-600", children: "(変更予定)" })
   ] })
-] }), to = {
+] }), ro = {
   showDebugPanel: !1,
   showMousePosition: !1,
   showPanelSizes: !1,
@@ -2988,49 +2989,49 @@ const qr = [
   logLevel: 0
 };
 export {
-  Ur as ColumnControlPanel,
-  Br as ColumnInsertPanel,
+  Xr as ColumnControlPanel,
+  Vr as ColumnInsertPanel,
   fe as DEFAULT_COLUMN_ID_CONFIG,
-  to as DEFAULT_DEBUG_CONFIG,
-  Hr as DEFAULT_DRAG_DROP_LAYOUT_LABELS,
-  Se as DEFAULT_EDGE_SCROLL_CONFIG,
-  pr as DEFAULT_TOUCH_DRAG_CONFIG,
-  Xr as DebugControlPanel,
-  Fr as DragDropLayout,
-  Xt as DropZoneDebugOverlay,
+  ro as DEFAULT_DEBUG_CONFIG,
+  Fr as DEFAULT_DRAG_DROP_LAYOUT_LABELS,
+  Me as DEFAULT_EDGE_SCROLL_CONFIG,
+  xr as DEFAULT_TOUCH_DRAG_CONFIG,
+  Zr as DebugControlPanel,
+  Ur as DragDropLayout,
+  Vt as DropZoneDebugOverlay,
   rt as EdgeScrollManager,
-  Bt as InsertPlaceholder,
+  Xt as InsertPlaceholder,
   Ee as PANEL_ACTION_ATTRIBUTE,
   De as PANEL_MOVES,
   Ut as PANEL_MOVE_SHORTCUTS,
-  Yn as PanelSizeDisplay,
-  Yr as ResizableColumn,
-  en as ResizeHandle,
-  eo as ResponsiveControl,
-  Vt as SCROLL_ROOT_SELECTOR,
-  cr as TEMPLATE_PLACEHOLDERS,
-  Bn as availablePanelMoves,
-  St as calculateScrollVector,
-  Gr as createColumnIdMapping,
-  O as debugLog,
-  We as generateColumnId,
-  tn as generateColumnIds,
-  Zr as getNextColumnId,
-  Yt as insertPanelAt,
-  Vr as isValidColumnId,
-  Xn as movePanelInColumns,
-  Sr as normalizeColumnPanels,
-  Zn as panelMoveOfKey,
-  Ie as parseColumnId,
-  sr as performScroll,
+  Fn as PanelSizeDisplay,
+  Br as ResizableColumn,
+  tn as ResizeHandle,
+  no as ResponsiveControl,
+  Zt as SCROLL_ROOT_SELECTOR,
+  ur as TEMPLATE_PLACEHOLDERS,
+  Xn as availablePanelMoves,
+  Mt as calculateScrollVector,
+  Jr as createColumnIdMapping,
+  M as debugLog,
+  qe as generateColumnId,
+  nn as generateColumnIds,
+  Kr as getNextColumnId,
+  Ft as insertPanelAt,
+  Gr as isValidColumnId,
+  Vn as movePanelInColumns,
+  $r as normalizeColumnPanels,
+  Gn as panelMoveOfKey,
+  We as parseColumnId,
+  ar as performScroll,
   Pe as shownPanelPlace,
-  Mr as sortColumnIds,
-  Kr as useColumnLayout,
-  Ar as useCustomDragHandlers,
-  Jr as useDragDropColumns,
-  $r as useDragDropState,
-  Tr as useMouseTracking,
+  Ar as sortColumnIds,
+  Qr as useColumnLayout,
+  Tr as useCustomDragHandlers,
+  eo as useDragDropColumns,
+  Rr as useDragDropState,
+  _r as useMouseTracking,
   Lr as useNormalDragHandlers,
-  _r as usePanelManagement,
-  Qr as useResponsiveColumns
+  zr as usePanelManagement,
+  to as useResponsiveColumns
 };