@aiquants/drag-drop-panels 0.8.1 → 0.8.3

package/dist/index.es.js

@@ -1,12 +1,11 @@
-import Fe, { useRef as F, useState as te, useEffect as K, useLayoutEffect as Ee, useCallback as w, memo as Ke, useMemo as Xe, Fragment as et } from "react";
-import { Eye as tt, EyeOff as Le, MousePointerClick as nt, MousePointer as rt, Minimize2 as st, Maximize2 as ot, X as He, Minus as lt, Plus as Se, Grid3X3 as at, RotateCcw as it, Smartphone as ct, Monitor as ut } from "lucide-react";
-var ye = { exports: {} }, fe = {};
-var _e;
-function dt() {
-  if (_e) return fe;
-  _e = 1;
-  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
-  function n(l, o, i) {
+import qe, { forwardRef as Ie, createElement as Ee, useRef as F, useState as te, useEffect as K, useLayoutEffect as Se, useCallback as w, memo as st, useMemo as Ue, Fragment as ot } from "react";
+var we = { exports: {} }, pe = {};
+var We;
+function at() {
+  if (We) return pe;
+  We = 1;
+  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), e = /* @__PURE__ */ Symbol.for("react.fragment");
+  function n(s, o, i) {
     var u = null;
     if (i !== void 0 && (u = "" + i), o.key !== void 0 && (u = "" + o.key), "key" in o) {
       i = {};
@@ -15,176 +14,176 @@ function dt() {
     } else i = o;
     return o = i.ref, {
       $$typeof: r,
-      type: l,
+      type: s,
       key: u,
       ref: o !== void 0 ? o : null,
       props: i
     };
   }
-  return fe.Fragment = t, fe.jsx = n, fe.jsxs = n, fe;
+  return pe.Fragment = e, pe.jsx = n, pe.jsxs = n, pe;
 }
 var xe = {};
-var We;
-function mt() {
-  return We || (We = 1, process.env.NODE_ENV !== "production" && (function() {
-    function r(s) {
-      if (s == null) return null;
-      if (typeof s == "function")
-        return s.$$typeof === C ? null : s.displayName || s.name || null;
-      if (typeof s == "string") return s;
-      switch (s) {
-        case D:
+var ze;
+function lt() {
+  return ze || (ze = 1, process.env.NODE_ENV !== "production" && (function() {
+    function r(a) {
+      if (a == null) return null;
+      if (typeof a == "function")
+        return a.$$typeof === C ? null : a.displayName || a.name || null;
+      if (typeof a == "string") return a;
+      switch (a) {
+        case k:
           return "Fragment";
-        case L:
-          return "Profiler";
         case R:
+          return "Profiler";
+        case _:
           return "StrictMode";
         case U:
           return "Suspense";
-        case O:
+        case $:
           return "SuspenseList";
-        case g:
+        case x:
           return "Activity";
       }
-      if (typeof s == "object")
-        switch (typeof s.tag == "number" && console.error(
+      if (typeof a == "object")
+        switch (typeof a.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), s.$$typeof) {
+        ), a.$$typeof) {
           case j:
             return "Portal";
           case Z:
-            return s.displayName || "Context";
+            return a.displayName || "Context";
           case z:
-            return (s._context.displayName || "Context") + ".Consumer";
+            return (a._context.displayName || "Context") + ".Consumer";
           case Y:
-            var d = s.render;
-            return s = s.displayName, s || (s = d.displayName || d.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
-          case _:
-            return d = s.displayName || null, d !== null ? d : r(s.type) || "Memo";
+            var d = a.render;
+            return a = a.displayName, a || (a = d.displayName || d.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
+          case L:
+            return d = a.displayName || null, d !== null ? d : r(a.type) || "Memo";
           case f:
-            d = s._payload, s = s._init;
+            d = a._payload, a = a._init;
             try {
-              return r(s(d));
+              return r(a(d));
             } catch {
             }
         }
       return null;
     }
-    function t(s) {
-      return "" + s;
+    function e(a) {
+      return "" + a;
     }
-    function n(s) {
+    function n(a) {
       try {
-        t(s);
+        e(a);
         var d = !1;
       } catch {
         d = !0;
       }
       if (d) {
         d = console;
-        var k = d.error, X = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return k.call(
+        var S = d.error, X = typeof Symbol == "function" && Symbol.toStringTag && a[Symbol.toStringTag] || a.constructor.name || "Object";
+        return S.call(
           d,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           X
-        ), t(s);
+        ), e(a);
       }
     }
-    function l(s) {
-      if (s === D) return "<>";
-      if (typeof s == "object" && s !== null && s.$$typeof === f)
+    function s(a) {
+      if (a === k) return "<>";
+      if (typeof a == "object" && a !== null && a.$$typeof === f)
         return "<...>";
       try {
-        var d = r(s);
+        var d = r(a);
         return d ? "<" + d + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var s = W.A;
-      return s === null ? null : s.getOwner();
+      var a = W.A;
+      return a === null ? null : a.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
-    function u(s) {
-      if (x.call(s, "key")) {
-        var d = Object.getOwnPropertyDescriptor(s, "key").get;
+    function u(a) {
+      if (p.call(a, "key")) {
+        var d = Object.getOwnPropertyDescriptor(a, "key").get;
         if (d && d.isReactWarning) return !1;
       }
-      return s.key !== void 0;
+      return a.key !== void 0;
     }
-    function c(s, d) {
-      function k() {
-        b || (b = !0, console.error(
+    function c(a, d) {
+      function S() {
+        v || (v = !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)",
           d
         ));
       }
-      k.isReactWarning = !0, Object.defineProperty(s, "key", {
-        get: k,
+      S.isReactWarning = !0, Object.defineProperty(a, "key", {
+        get: S,
         configurable: !0
       });
     }
-    function m() {
-      var s = r(this.type);
-      return N[s] || (N[s] = !0, console.error(
+    function h() {
+      var a = r(this.type);
+      return D[a] || (D[a] = !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."
-      )), s = this.props.ref, s !== void 0 ? s : null;
+      )), a = this.props.ref, a !== void 0 ? a : null;
     }
-    function S(s, d, k, X, G, Q) {
-      var B = k.ref;
-      return s = {
-        $$typeof: a,
-        type: s,
+    function N(a, d, S, X, G, Q) {
+      var V = S.ref;
+      return a = {
+        $$typeof: l,
+        type: a,
         key: d,
-        props: k,
+        props: S,
         _owner: X
-      }, (B !== void 0 ? B : null) !== null ? Object.defineProperty(s, "ref", {
+      }, (V !== void 0 ? V : null) !== null ? Object.defineProperty(a, "ref", {
         enumerable: !1,
-        get: m
-      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
+        get: h
+      }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(s, "_debugInfo", {
+      }), Object.defineProperty(a, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(s, "_debugStack", {
+      }), Object.defineProperty(a, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: G
-      }), Object.defineProperty(s, "_debugTask", {
+      }), Object.defineProperty(a, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: Q
-      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
+      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     }
-    function v(s, d, k, X, G, Q) {
-      var B = d.children;
-      if (B !== void 0)
+    function b(a, d, S, X, G, Q) {
+      var V = d.children;
+      if (V !== void 0)
         if (X)
-          if (p(B)) {
-            for (X = 0; X < B.length; X++)
-              $(B[X]);
-            Object.freeze && Object.freeze(B);
+          if (g(V)) {
+            for (X = 0; X < V.length; X++)
+              M(V[X]);
+            Object.freeze && Object.freeze(V);
           } 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 $(B);
-      if (x.call(d, "key")) {
-        B = r(s);
+        else M(V);
+      if (p.call(d, "key")) {
+        V = r(a);
         var re = Object.keys(d).filter(function(se) {
           return se !== "key";
         });
-        X = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", H[B + X] || (re = 0 < re.length ? "{" + re.join(": ..., ") + ": ...}" : "{}", console.error(
+        X = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", H[V + X] || (re = 0 < re.length ? "{" + re.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -192,83 +191,215 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           X,
-          B,
+          V,
           re,
-          B
-        ), H[B + X] = !0);
+          V
+        ), H[V + X] = !0);
       }
-      if (B = null, k !== void 0 && (n(k), B = "" + k), u(d) && (n(d.key), B = "" + d.key), "key" in d) {
-        k = {};
-        for (var ie in d)
-          ie !== "key" && (k[ie] = d[ie]);
-      } else k = d;
-      return B && c(
-        k,
-        typeof s == "function" ? s.displayName || s.name || "Unknown" : s
-      ), S(
-        s,
-        B,
-        k,
+      if (V = null, S !== void 0 && (n(S), V = "" + S), u(d) && (n(d.key), V = "" + d.key), "key" in d) {
+        S = {};
+        for (var ce in d)
+          ce !== "key" && (S[ce] = d[ce]);
+      } else S = d;
+      return V && c(
+        S,
+        typeof a == "function" ? a.displayName || a.name || "Unknown" : a
+      ), N(
+        a,
+        V,
+        S,
         o(),
         G,
         Q
       );
     }
-    function $(s) {
-      M(s) ? s._store && (s._store.validated = 1) : typeof s == "object" && s !== null && s.$$typeof === f && (s._payload.status === "fulfilled" ? M(s._payload.value) && s._payload.value._store && (s._payload.value._store.validated = 1) : s._store && (s._store.validated = 1));
+    function M(a) {
+      T(a) ? a._store && (a._store.validated = 1) : typeof a == "object" && a !== null && a.$$typeof === f && (a._payload.status === "fulfilled" ? T(a._payload.value) && a._payload.value._store && (a._payload.value._store.validated = 1) : a._store && (a._store.validated = 1));
     }
-    function M(s) {
-      return typeof s == "object" && s !== null && s.$$typeof === a;
+    function T(a) {
+      return typeof a == "object" && a !== null && a.$$typeof === l;
     }
-    var y = Fe, a = /* @__PURE__ */ Symbol.for("react.transitional.element"), j = /* @__PURE__ */ Symbol.for("react.portal"), D = /* @__PURE__ */ Symbol.for("react.fragment"), R = /* @__PURE__ */ Symbol.for("react.strict_mode"), L = /* @__PURE__ */ Symbol.for("react.profiler"), z = /* @__PURE__ */ Symbol.for("react.consumer"), Z = /* @__PURE__ */ Symbol.for("react.context"), Y = /* @__PURE__ */ Symbol.for("react.forward_ref"), U = /* @__PURE__ */ Symbol.for("react.suspense"), O = /* @__PURE__ */ Symbol.for("react.suspense_list"), _ = /* @__PURE__ */ Symbol.for("react.memo"), f = /* @__PURE__ */ Symbol.for("react.lazy"), g = /* @__PURE__ */ Symbol.for("react.activity"), C = /* @__PURE__ */ Symbol.for("react.client.reference"), W = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, p = Array.isArray, h = console.createTask ? console.createTask : function() {
+    var y = qe, l = /* @__PURE__ */ Symbol.for("react.transitional.element"), j = /* @__PURE__ */ Symbol.for("react.portal"), k = /* @__PURE__ */ Symbol.for("react.fragment"), _ = /* @__PURE__ */ Symbol.for("react.strict_mode"), R = /* @__PURE__ */ Symbol.for("react.profiler"), z = /* @__PURE__ */ Symbol.for("react.consumer"), Z = /* @__PURE__ */ Symbol.for("react.context"), Y = /* @__PURE__ */ Symbol.for("react.forward_ref"), U = /* @__PURE__ */ Symbol.for("react.suspense"), $ = /* @__PURE__ */ Symbol.for("react.suspense_list"), L = /* @__PURE__ */ Symbol.for("react.memo"), f = /* @__PURE__ */ Symbol.for("react.lazy"), x = /* @__PURE__ */ Symbol.for("react.activity"), C = /* @__PURE__ */ Symbol.for("react.client.reference"), W = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, p = Object.prototype.hasOwnProperty, g = Array.isArray, m = console.createTask ? console.createTask : function() {
       return null;
     };
     y = {
-      react_stack_bottom_frame: function(s) {
-        return s();
+      react_stack_bottom_frame: function(a) {
+        return a();
       }
     };
-    var b, N = {}, T = y.react_stack_bottom_frame.bind(
+    var v, D = {}, A = y.react_stack_bottom_frame.bind(
       y,
       i
-    )(), A = h(l(i)), H = {};
-    xe.Fragment = D, xe.jsx = function(s, d, k) {
+    )(), O = m(s(i)), H = {};
+    xe.Fragment = k, xe.jsx = function(a, d, S) {
       var X = 1e4 > W.recentlyCreatedOwnerStacks++;
-      return v(
-        s,
+      return b(
+        a,
         d,
-        k,
+        S,
         !1,
-        X ? Error("react-stack-top-frame") : T,
-        X ? h(l(s)) : A
+        X ? Error("react-stack-top-frame") : A,
+        X ? m(s(a)) : O
       );
-    }, xe.jsxs = function(s, d, k) {
+    }, xe.jsxs = function(a, d, S) {
       var X = 1e4 > W.recentlyCreatedOwnerStacks++;
-      return v(
-        s,
+      return b(
+        a,
         d,
-        k,
+        S,
         !0,
-        X ? Error("react-stack-top-frame") : T,
-        X ? h(l(s)) : A
+        X ? Error("react-stack-top-frame") : A,
+        X ? m(s(a)) : O
       );
     };
   })()), xe;
 }
-var ze;
-function ht() {
-  return ze || (ze = 1, process.env.NODE_ENV === "production" ? ye.exports = dt() : ye.exports = mt()), ye.exports;
+var Ye;
+function it() {
+  return Ye || (Ye = 1, process.env.NODE_ENV === "production" ? we.exports = at() : we.exports = lt()), we.exports;
 }
-var e = ht();
-const le = class le {
+var t = it();
+const ct = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ut = (r) => r.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (e, n, s) => s ? s.toUpperCase() : n.toLowerCase()
+), Fe = (r) => {
+  const e = ut(r);
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}, Be = (...r) => r.filter((e, n, s) => !!e && e.trim() !== "" && s.indexOf(e) === n).join(" ").trim(), dt = (r) => {
+  for (const e in r)
+    if (e.startsWith("aria-") || e === "role" || e === "title")
+      return !0;
+};
+var ht = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+const mt = Ie(
+  ({
+    color: r = "currentColor",
+    size: e = 24,
+    strokeWidth: n = 2,
+    absoluteStrokeWidth: s,
+    className: o = "",
+    children: i,
+    iconNode: u,
+    ...c
+  }, h) => Ee(
+    "svg",
+    {
+      ref: h,
+      ...ht,
+      width: e,
+      height: e,
+      stroke: r,
+      strokeWidth: s ? Number(n) * 24 / Number(e) : n,
+      className: Be("lucide", o),
+      ...!i && !dt(c) && { "aria-hidden": "true" },
+      ...c
+    },
+    [
+      ...u.map(([N, b]) => Ee(N, b)),
+      ...Array.isArray(i) ? i : [i]
+    ]
+  )
+);
+const oe = (r, e) => {
+  const n = Ie(
+    ({ className: s, ...o }, i) => Ee(mt, {
+      ref: i,
+      iconNode: e,
+      className: Be(
+        `lucide-${ct(Fe(r))}`,
+        `lucide-${r}`,
+        s
+      ),
+      ...o
+    })
+  );
+  return n.displayName = Fe(r), n;
+};
+const ft = [
+  [
+    "path",
+    {
+      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+      key: "1nclc0"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+], pt = oe("eye", ft);
+const xt = [
+  [
+    "path",
+    {
+      d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
+      key: "ct8e1f"
+    }
+  ],
+  ["path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242", key: "151rxh" }],
+  [
+    "path",
+    {
+      d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",
+      key: "13bj9a"
+    }
+  ],
+  ["path", { d: "m2 2 20 20", key: "1ooewy" }]
+], Xe = oe("eye-off", xt);
+const gt = [
+  ["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" }]
+], bt = oe("maximize-2", gt);
+const vt = [
+  ["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" }]
+], yt = oe("minimize-2", vt);
+const wt = [
+  ["path", { d: "M12.586 12.586 19 19", key: "ea5xo7" }],
+  [
+    "path",
+    {
+      d: "M3.688 3.037a.497.497 0 0 0-.651.651l6.5 15.999a.501.501 0 0 0 .947-.062l1.569-6.083a2 2 0 0 1 1.448-1.479l6.124-1.579a.5.5 0 0 0 .063-.947z",
+      key: "277e5u"
+    }
+  ]
+], jt = oe("mouse-pointer", wt);
+const Pt = [
+  ["path", { d: "M14 4.1 12 6", key: "ita8i4" }],
+  ["path", { d: "m5.1 8-2.9-.8", key: "1go3kf" }],
+  ["path", { d: "m6 12-1.9 2", key: "mnht97" }],
+  ["path", { d: "M7.2 2.2 8 5.1", key: "1cfko1" }],
+  [
+    "path",
+    {
+      d: "M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z",
+      key: "s0h3yz"
+    }
+  ]
+], kt = oe("mouse-pointer-click", Pt);
+const Nt = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], Ve = oe("x", Nt), le = class le {
   /**
    * @constructor
    * @param {LogLevel} [level=LogLevel.WARN] - The minimum log level to output.
    * @param {string} [prefix="[drag-drop-panels]"] - The prefix to add to all log messages.
    * @param {ILogger} [impl=console] - The implementation to use for logging.
    */
-  constructor(t = 2, n = "[drag-drop-panels]", l = console) {
-    this.level = t, this.prefix = n, this.impl = l;
+  constructor(e = 2, n = "[drag-drop-panels]", s = console) {
+    this.level = e, this.prefix = n, this.impl = s;
   }
   /**
    * @method setLevel
@@ -276,8 +407,8 @@ const le = class le {
    * @description 静的インスタンスの現在のログレベルを更新します。
    * @param {LogLevel} level - The new log level.
    */
-  static setLevel(t) {
-    le.instance.setLevel(t);
+  static setLevel(e) {
+    le.instance.setLevel(e);
   }
   /**
    * @method setLevel
@@ -285,8 +416,8 @@ const le = class le {
    * @description 現在のログレベルを更新します。
    * @param {LogLevel} level - The new log level.
    */
-  setLevel(t) {
-    this.level = t;
+  setLevel(e) {
+    this.level = e;
   }
   /**
    * @method setImplementation
@@ -294,8 +425,8 @@ const le = class le {
    * @description 静的インスタンスのロガーの実装を更新します。
    * @param {ILogger} impl - The new logger implementation.
    */
-  static setImplementation(t) {
-    le.instance.setImplementation(t);
+  static setImplementation(e) {
+    le.instance.setImplementation(e);
   }
   /**
    * @method setImplementation
@@ -303,8 +434,8 @@ const le = class le {
    * @description ロガーの実装を更新します。
    * @param {ILogger} impl - The new logger implementation.
    */
-  setImplementation(t) {
-    this.impl = t;
+  setImplementation(e) {
+    this.impl = e;
   }
   /**
    * @method setPrefix
@@ -312,8 +443,8 @@ const le = class le {
    * @description 静的インスタンスのログのプレフィックスを更新します。
    * @param {string} prefix - The new prefix.
    */
-  static setPrefix(t) {
-    le.instance.setPrefix(t);
+  static setPrefix(e) {
+    le.instance.setPrefix(e);
   }
   /**
    * @method setPrefix
@@ -321,67 +452,67 @@ const le = class le {
    * @description ログのプレフィックスを更新します。
    * @param {string} prefix - The new prefix.
    */
-  setPrefix(t) {
-    this.prefix = t;
+  setPrefix(e) {
+    this.prefix = e;
   }
-  formatMessage(t) {
-    return typeof t == "string" ? [`${this.prefix} ${t}`] : [this.prefix, t];
+  formatMessage(e) {
+    return typeof e == "string" ? [`${this.prefix} ${e}`] : [this.prefix, e];
   }
-  static debug(t, ...n) {
-    le.instance.debug(t, ...n);
+  static debug(e, ...n) {
+    le.instance.debug(e, ...n);
   }
-  debug(t, ...n) {
-    this.level <= 0 && this.impl.debug(...this.formatMessage(t), ...n);
+  debug(e, ...n) {
+    this.level <= 0 && this.impl.debug(...this.formatMessage(e), ...n);
   }
-  static info(t, ...n) {
-    le.instance.info(t, ...n);
+  static info(e, ...n) {
+    le.instance.info(e, ...n);
   }
-  info(t, ...n) {
-    this.level <= 1 && this.impl.info(...this.formatMessage(t), ...n);
+  info(e, ...n) {
+    this.level <= 1 && this.impl.info(...this.formatMessage(e), ...n);
   }
-  static warn(t, ...n) {
-    le.instance.warn(t, ...n);
+  static warn(e, ...n) {
+    le.instance.warn(e, ...n);
   }
-  warn(t, ...n) {
-    this.level <= 2 && this.impl.warn(...this.formatMessage(t), ...n);
+  warn(e, ...n) {
+    this.level <= 2 && this.impl.warn(...this.formatMessage(e), ...n);
   }
-  static error(t, ...n) {
-    le.instance.error(t, ...n);
+  static error(e, ...n) {
+    le.instance.error(e, ...n);
   }
-  error(t, ...n) {
-    this.level <= 3 && this.impl.error(...this.formatMessage(t), ...n);
+  error(e, ...n) {
+    this.level <= 3 && this.impl.error(...this.formatMessage(e), ...n);
   }
 };
 le.instance = new le(2, "[drag-drop-panels]");
-let ke = le;
-const ft = ({ config: r, panelId: t, sizeInfo: n, onSizeInfoClick: l }) => r.showPanelSizes && n ? (
+let Ce = le;
+const Dt = ({ config: r, panelId: e, sizeInfo: n, onSizeInfoClick: s }) => r.showPanelSizes && n ? (
   // biome-ignore lint/a11y/noStaticElementInteractions: クリックイベントを持つ静的要素。デバッグ目的のため、インタラクティブ性は限定的。
   // biome-ignore lint/a11y/useKeyWithClickEvents: キーボード操作はデバッグ機能では優先度が低い。
-  /* @__PURE__ */ e.jsxs(
+  /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: "absolute top-1 right-24 z-10 cursor-default rounded-md bg-red-500/90 px-2 py-1 font-mono text-white text-xs leading-tight shadow-lg",
-      onClick: l,
-      onMouseDown: l,
-      onTouchStart: (o) => o instanceof TouchEvent && l(o),
-      onDragStart: l,
+      onClick: s,
+      onMouseDown: s,
+      onTouchStart: (o) => o instanceof TouchEvent && s(o),
+      onDragStart: s,
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "text-[10px] opacity-80", children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "text-[10px] opacity-80", children: [
           "ID:",
-          t
+          e
         ] }),
-        /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsxs("div", { children: [
           n.width,
           "×",
           n.height
         ] }),
-        /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsxs("div", { children: [
           "X:",
           n.x,
           " Y:",
           n.y
         ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: "text-[10px] opacity-80", children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "text-[10px] opacity-80", children: [
           "min:",
           n.minHeight,
           " max:",
@@ -390,111 +521,111 @@ const ft = ({ config: r, panelId: t, sizeInfo: n, onSizeInfoClick: l }) => r.sho
       ]
     }
   )
-) : null, E = (r, t, ...n) => {
-  (r.logLevel ?? 0) >= t && ke.info(...n);
-}, qe = Fe.memo(({ index: r, columnIndex: t, isDragging: n, dragOverPosition: l, originalPosition: o, onDragEnter: i, onDragLeave: u, config: c, customDrag: m }) => {
-  const S = o && o.columnIndex === t && (o.panelIndex === r || o.panelIndex + 1 === r), v = !S && l?.columnIndex === t && l?.insertIndex === r, $ = F(null), [M, y] = te(null), a = n || (m?.isActive ?? !1);
+) : null, E = (r, e, ...n) => {
+  (r.logLevel ?? 0) >= e && Ce.info(...n);
+}, Ze = qe.memo(({ index: r, columnIndex: e, isDragging: n, dragOverPosition: s, originalPosition: o, onDragEnter: i, onDragLeave: u, config: c, customDrag: h }) => {
+  const N = o && o.columnIndex === e && (o.panelIndex === r || o.panelIndex + 1 === r), b = !N && s?.columnIndex === e && s?.insertIndex === r, M = F(null), [T, y] = te(null), l = n || (h?.isActive ?? !1);
   return K(() => {
-    if ($.current) {
-      const j = $.current.getBoundingClientRect(), D = {
+    if (M.current) {
+      const j = M.current.getBoundingClientRect(), k = {
         width: Math.round(j.width),
         height: Math.round(j.height),
         x: Math.round(j.left),
         y: Math.round(j.top)
       };
-      y(D), v && E(c, 1, `🎯 アクティブプレースホルダー ${r}-${t}:`, {
-        size: `${D.width}×${D.height}`,
-        position: `(${D.x}, ${D.y})`,
-        bottomRight: `(${D.x + D.width}, ${D.y + D.height})`,
-        center: `(${D.x + D.width / 2}, ${D.y + D.height / 2})`
+      y(k), b && E(c, 1, `🎯 アクティブプレースホルダー ${r}-${e}:`, {
+        size: `${k.width}×${k.height}`,
+        position: `(${k.x}, ${k.y})`,
+        bottomRight: `(${k.x + k.width}, ${k.y + k.height})`,
+        center: `(${k.x + k.width / 2}, ${k.y + k.height / 2})`
       });
     }
-  }, [v, r, t, c]), E(c, 2, `プレースホルダー${r}-${t}: 表示中`, { isHighlighted: v, isDragging: n, dragOverPosition: l, shouldShow: a }), // biome-ignore lint/a11y/noStaticElementInteractions: ドラッグイベントを処理するための対話的な要素。デバッグ目的のため、キーボード操作は必須ではない。
-  /* @__PURE__ */ e.jsxs(
+  }, [b, r, e, c]), E(c, 2, `プレースホルダー${r}-${e}: 表示中`, { isHighlighted: b, isDragging: n, dragOverPosition: s, shouldShow: l }), // biome-ignore lint/a11y/noStaticElementInteractions: ドラッグイベントを処理するための対話的な要素。デバッグ目的のため、キーボード操作は必須ではない。
+  /* @__PURE__ */ t.jsxs(
     "div",
     {
-      ref: $,
+      ref: M,
       "data-placeholder-index": r,
-      "data-placeholder-column": t,
-      onDragEnter: () => i(t, r),
-      onDragLeave: (j) => u(j, t, r),
-      className: `relative flex w-full items-center justify-center transition-all duration-0 ${S ? "pointer-events-none h-0 overflow-hidden opacity-0" : a ? v ? "my-2 scale-[1.02] rounded-xl border-4 border-sky-500 border-dashed bg-sky-200 px-4 py-6 shadow-lg ring-2 ring-sky-400 ring-opacity-50" : "my-2 rounded-xl border-2 border-sky-300 border-dashed bg-sky-50/70 px-2 py-4 opacity-80" : "pointer-events-none h-0 overflow-hidden opacity-0"}`,
+      "data-placeholder-column": e,
+      onDragEnter: () => i(e, r),
+      onDragLeave: (j) => u(j, e, r),
+      className: `relative flex w-full items-center justify-center transition-all duration-0 ${N ? "pointer-events-none h-0 overflow-hidden opacity-0" : l ? b ? "my-2 scale-[1.02] rounded-xl border-4 border-sky-500 border-dashed bg-sky-200 px-4 py-6 shadow-lg ring-2 ring-sky-400 ring-opacity-50" : "my-2 rounded-xl border-2 border-sky-300 border-dashed bg-sky-50/70 px-2 py-4 opacity-80" : "pointer-events-none h-0 overflow-hidden opacity-0"}`,
       children: [
-        !S && a && c.showPlaceholderInfo && M && /* @__PURE__ */ e.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__ */ e.jsxs("div", { children: [
-            M.width,
+        !N && l && c.showPlaceholderInfo && T && /* @__PURE__ */ t.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__ */ t.jsxs("div", { children: [
+            T.width,
             "×",
-            M.height
+            T.height
           ] }),
-          /* @__PURE__ */ e.jsxs("div", { children: [
+          /* @__PURE__ */ t.jsxs("div", { children: [
             "X:",
-            M.x,
+            T.x,
             " Y:",
-            M.y
+            T.y
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "text-[10px] opacity-80", children: "min:200px max:500px" }),
-          /* @__PURE__ */ e.jsxs("div", { className: "mt-0.5 text-[10px] opacity-80", children: [
+          /* @__PURE__ */ t.jsx("div", { className: "text-[10px] opacity-80", children: "min:200px max:500px" }),
+          /* @__PURE__ */ t.jsxs("div", { className: "mt-0.5 text-[10px] opacity-80", children: [
             "PH-",
-            t,
+            e,
             "-",
             r,
             " ",
-            v ? "ACTIVE" : "IDLE"
+            b ? "ACTIVE" : "IDLE"
           ] })
         ] }),
-        !S && a && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2 text-sky-600", children: [
-          /* @__PURE__ */ e.jsxs("svg", { className: "h-6 w-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
-            /* @__PURE__ */ e.jsx("title", { children: "パネルをここにドロップ" }),
-            /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 6v6m0 0v6m0-6h6m-6 0H6" })
+        !N && l && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-2 text-sky-600", children: [
+          /* @__PURE__ */ t.jsxs("svg", { className: "h-6 w-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
+            /* @__PURE__ */ t.jsx("title", { children: "パネルをここにドロップ" }),
+            /* @__PURE__ */ t.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 6v6m0 0v6m0-6h6m-6 0H6" })
           ] }),
-          /* @__PURE__ */ e.jsx("span", { className: "font-medium text-sm", children: "パネルをここにドロップ" })
+          /* @__PURE__ */ t.jsx("span", { className: "font-medium text-sm", children: "パネルをここにドロップ" })
         ] })
       ]
     }
   );
 });
-qe.displayName = "InsertPlaceholder";
-const Ie = ({ columnIndex: r, isDragging: t, dragOverPosition: n, children: l, config: o }) => {
+Ze.displayName = "InsertPlaceholder";
+const Ge = ({ columnIndex: r, isDragging: e, dragOverPosition: n, children: s, config: o }) => {
   const i = F(null), [u, c] = te(null);
   return K(() => {
-    if (i.current && t) {
-      const m = i.current.getBoundingClientRect(), S = n?.columnIndex === r, v = {
-        width: Math.round(m.width),
-        height: Math.round(m.height),
-        x: Math.round(m.left),
-        y: Math.round(m.top),
-        isActive: S
+    if (i.current && e) {
+      const h = i.current.getBoundingClientRect(), N = n?.columnIndex === r, b = {
+        width: Math.round(h.width),
+        height: Math.round(h.height),
+        x: Math.round(h.left),
+        y: Math.round(h.top),
+        isActive: N
       };
-      c(v), S && E(o, 1, `🎯 アクティブドロップゾーン ${r}:`, {
-        size: `${v.width}×${v.height}`,
-        position: `(${v.x}, ${v.y})`,
-        bottomRight: `(${v.x + v.width}, ${v.y + v.height})`,
-        center: `(${v.x + v.width / 2}, ${v.y + v.height / 2})`
+      c(b), N && E(o, 1, `🎯 アクティブドロップゾーン ${r}:`, {
+        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})`
       });
     }
-  }, [t, n, r, o]), /* @__PURE__ */ e.jsxs("div", { ref: i, className: "relative", children: [
-    l,
-    t && u && o.showDropZoneOutlines && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("div", { className: `pointer-events-none absolute inset-0 rounded-lg border-2 border-dashed transition-all duration-200 ${u.isActive ? "border-red-500 bg-red-100/20 shadow-lg" : "border-gray-400 bg-gray-100/10"}` }),
-      /* @__PURE__ */ e.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 ${u.isActive ? "bg-red-500/90 text-white" : "bg-gray-500/90 text-white"}`, children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "font-bold", children: [
+  }, [e, n, r, o]), /* @__PURE__ */ t.jsxs("div", { ref: i, className: "relative", children: [
+    s,
+    e && u && o.showDropZoneOutlines && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx("div", { className: `pointer-events-none absolute inset-0 rounded-lg border-2 border-dashed transition-all duration-200 ${u.isActive ? "border-red-500 bg-red-100/20 shadow-lg" : "border-gray-400 bg-gray-100/10"}` }),
+      /* @__PURE__ */ t.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 ${u.isActive ? "bg-red-500/90 text-white" : "bg-gray-500/90 text-white"}`, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "font-bold", children: [
           "DropZone-",
           r
         ] }),
-        /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsxs("div", { children: [
           u.width,
           "×",
           u.height
         ] }),
-        /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsxs("div", { children: [
           "X:",
           u.x,
           " Y:",
           u.y
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "mt-0.5 text-[10px] opacity-80", children: u.isActive ? "ACTIVE" : "IDLE" })
+        /* @__PURE__ */ t.jsx("div", { className: "mt-0.5 text-[10px] opacity-80", children: u.isActive ? "ACTIVE" : "IDLE" })
       ] }),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx(
         "div",
         {
           className: `pointer-events-none absolute transition-all duration-200 ${u.isActive ? "opacity-100" : "opacity-50"}`,
@@ -502,166 +633,166 @@ const Ie = ({ columnIndex: r, isDragging: t, dragOverPosition: n, children: l, c
             left: `${u.width / 2 - 6}px`,
             top: `${u.height / 2 - 6}px`
           },
-          children: /* @__PURE__ */ e.jsx("div", { className: `h-3 w-3 rounded-full border-2 ${u.isActive ? "border-red-700 bg-red-500" : "border-gray-700 bg-gray-500"}` })
+          children: /* @__PURE__ */ t.jsx("div", { className: `h-3 w-3 rounded-full border-2 ${u.isActive ? "border-red-700 bg-red-500" : "border-gray-700 bg-gray-500"}` })
         }
       ),
-      u.isActive && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx("div", { className: "pointer-events-none absolute top-0 left-0 h-2 w-2 rounded-full bg-red-500" }),
-        /* @__PURE__ */ e.jsx("div", { className: "pointer-events-none absolute top-0 right-0 h-2 w-2 rounded-full bg-red-500" }),
-        /* @__PURE__ */ e.jsx("div", { className: "pointer-events-none absolute bottom-0 left-0 h-2 w-2 rounded-full bg-red-500" }),
-        /* @__PURE__ */ e.jsx("div", { className: "pointer-events-none absolute right-0 bottom-0 h-2 w-2 rounded-full bg-red-500" })
+      u.isActive && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.jsx("div", { className: "pointer-events-none absolute top-0 left-0 h-2 w-2 rounded-full bg-red-500" }),
+        /* @__PURE__ */ t.jsx("div", { className: "pointer-events-none absolute top-0 right-0 h-2 w-2 rounded-full bg-red-500" }),
+        /* @__PURE__ */ t.jsx("div", { className: "pointer-events-none absolute bottom-0 left-0 h-2 w-2 rounded-full bg-red-500" }),
+        /* @__PURE__ */ t.jsx("div", { className: "pointer-events-none absolute right-0 bottom-0 h-2 w-2 rounded-full bg-red-500" })
       ] })
     ] })
   ] });
 };
-Ie.displayName = "DropZoneDebugOverlay";
-const xt = 0.25, gt = typeof window < "u" ? Ee : K, pt = (r, t = xt) => {
-  const n = F(null), [l, o] = te(1);
-  return gt(() => {
+Ge.displayName = "DropZoneDebugOverlay";
+const Et = 0.25, St = typeof window < "u" ? Se : K, Ct = (r, e = Et) => {
+  const n = F(null), [s, o] = te(1);
+  return St(() => {
     const i = n.current;
     if (!i || r <= 0) {
       o(1);
       return;
     }
     const u = () => {
-      const m = i.clientWidth;
-      if (m <= 0)
+      const h = i.clientWidth;
+      if (h <= 0)
         return;
-      const S = m >= r ? 1 : Math.max(m / r, t);
-      o((v) => Math.abs(v - S) < 5e-3 ? v : S);
+      const N = h >= r ? 1 : Math.max(h / r, e);
+      o((b) => Math.abs(b - N) < 5e-3 ? b : N);
     };
     u();
     const c = new ResizeObserver(u);
     return c.observe(i), () => c.disconnect();
-  }, [r, t]), { containerRef: n, scale: l };
-}, Ue = ({ columnId: r, onResizeStart: t, onResize: n, onResizeEnd: l, isResizing: o = !1, position: i = "right", className: u = "", debug: c = {} }) => {
-  const m = F(!1), S = F(null);
+  }, [r, e]), { containerRef: n, scale: s };
+}, Je = ({ columnId: r, onResizeStart: e, onResize: n, onResizeEnd: s, isResizing: o = !1, position: i = "right", className: u = "", debug: c = {} }) => {
+  const h = F(!1), N = F(null);
   K(() => {
-    !o && m.current && (E(c, 1, "外部からのリサイズ解除を検出、ドラッグ状態を強制解除:", r), m.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
+    !o && h.current && (E(c, 1, "外部からのリサイズ解除を検出、ドラッグ状態を強制解除:", r), h.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
   }, [o, r, c]);
-  const v = w(
+  const b = w(
     (y) => {
-      y.preventDefault(), y.stopPropagation(), E(c, 2, "リサイズハンドル マウスダウン:", r), m.current = !0, t(r, y.clientX), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.body.classList.add("resizing-column");
+      y.preventDefault(), y.stopPropagation(), E(c, 2, "リサイズハンドル マウスダウン:", r), h.current = !0, e(r, y.clientX), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.body.classList.add("resizing-column");
     },
-    [r, t, c]
+    [r, e, c]
   );
   K(() => {
     const y = (j) => {
-      m.current && (j.preventDefault(), n(j.clientX));
-    }, a = () => {
-      m.current && (E(c, 2, "リサイズハンドル マウスアップ:", r), m.current = !1, l(), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
+      h.current && (j.preventDefault(), n(j.clientX));
+    }, l = () => {
+      h.current && (E(c, 2, "リサイズハンドル マウスアップ:", r), h.current = !1, s(), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
     };
-    return document.addEventListener("mousemove", y), document.addEventListener("mouseup", a), () => {
-      document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", a);
+    return document.addEventListener("mousemove", y), document.addEventListener("mouseup", l), () => {
+      document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", l);
     };
-  }, [r, n, l, c]);
-  const $ = w(
+  }, [r, n, s, c]);
+  const M = w(
     (y) => {
       y.preventDefault(), y.stopPropagation();
-      const a = y.touches[0];
-      E(c, 2, "リサイズハンドル タッチスタート:", r), m.current = !0, t(r, a.clientX), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.body.classList.add("resizing-column");
+      const l = y.touches[0];
+      E(c, 2, "リサイズハンドル タッチスタート:", r), h.current = !0, e(r, l.clientX), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.body.classList.add("resizing-column");
     },
-    [r, t, c]
+    [r, e, c]
   );
   K(() => {
     const y = (j) => {
-      if (!m.current) return;
+      if (!h.current) return;
       j.preventDefault();
-      const D = j.touches[0];
-      n(D.clientX);
-    }, a = () => {
-      m.current && (E(c, 2, "リサイズハンドル タッチエンド:", r), m.current = !1, l(), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
+      const k = j.touches[0];
+      n(k.clientX);
+    }, l = () => {
+      h.current && (E(c, 2, "リサイズハンドル タッチエンド:", r), h.current = !1, s(), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
     };
-    return document.addEventListener("touchmove", y, { passive: !1 }), document.addEventListener("touchend", a), () => {
-      document.removeEventListener("touchmove", y), document.removeEventListener("touchend", a);
+    return document.addEventListener("touchmove", y, { passive: !1 }), document.addEventListener("touchend", l), () => {
+      document.removeEventListener("touchmove", y), document.removeEventListener("touchend", l);
     };
-  }, [r, n, l, c]), K(() => () => {
-    m.current && (E(c, 1, "リサイズハンドルアンマウント時のクリーンアップ:", r), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
+  }, [r, n, s, c]), K(() => () => {
+    h.current && (E(c, 1, "リサイズハンドルアンマウント時のクリーンアップ:", r), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
   }, [r, c]);
-  const M = ["resize-handle", i, o ? "resizing" : "", u].filter(Boolean).join(" ");
+  const T = ["resize-handle", i, o ? "resizing" : "", u].filter(Boolean).join(" ");
   return (
     // biome-ignore lint/a11y/useFocusableInteractive: リサイズハンドルとして機能するためインタラクティブである必要がある
     // biome-ignore lint/a11y/useSemanticElements: divを使用するが、aria-roleでセマンティックな意味を提供している
     // biome-ignore lint/a11y/useAriaPropsForRole: リサイズハンドルのため、値の範囲を指定することが難しい
-    /* @__PURE__ */ e.jsxs("div", { ref: S, className: M, onMouseDown: v, onTouchStart: $, "data-column-id": r, "data-position": i, "aria-label": `${r}のカラム幅を調整`, role: "separator", "aria-orientation": "vertical", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "resize-handle-bar" }),
-      c.showPanelSizes && /* @__PURE__ */ e.jsxs("div", { className: "resize-handle-debug-info", children: [
+    /* @__PURE__ */ t.jsxs("div", { ref: N, className: T, onMouseDown: b, onTouchStart: M, "data-column-id": r, "data-position": i, "aria-label": `${r}のカラム幅を調整`, role: "separator", "aria-orientation": "vertical", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "resize-handle-bar" }),
+      c.showPanelSizes && /* @__PURE__ */ t.jsxs("div", { className: "resize-handle-debug-info", children: [
         r,
         o && " (resizing)"
       ] })
     ] })
   );
-}, kt = ({ columnId: r, width: t, minWidth: n = 100, maxWidth: l = 800, onResizeStart: o, onResize: i, onResizeEnd: u, isResizing: c = !1, resizable: m = !0, className: S = "", debug: v = {}, children: $ }) => {
-  const M = ["resizable-column", c ? "resizing" : "", S].filter(Boolean).join(" ");
+}, Gt = ({ columnId: r, width: e, minWidth: n = 100, maxWidth: s = 800, onResizeStart: o, onResize: i, onResizeEnd: u, isResizing: c = !1, resizable: h = !0, className: N = "", debug: b = {}, children: M }) => {
+  const T = ["resizable-column", c ? "resizing" : "", N].filter(Boolean).join(" ");
   return K(() => {
     const y = document.querySelector(`[data-column-id="${r}"]`);
-    y && (y.style.setProperty("--column-width", `${t}px`), y.style.setProperty("--column-min-width", `${n}px`), y.style.setProperty("--column-max-width", `${l}px`));
-  }, [r, t, n, l]), /* @__PURE__ */ e.jsxs("div", { className: M, "data-column-id": r, "data-width": t, "data-min-width": n, "data-max-width": l, children: [
-    $,
-    m && /* @__PURE__ */ e.jsx(Ue, { columnId: r, onResizeStart: o, onResize: i, onResizeEnd: u, isResizing: c, position: "right", debug: v }),
-    v.showPanelSizes && /* @__PURE__ */ e.jsxs("div", { className: "column-debug-size", children: [
-      t,
+    y && (y.style.setProperty("--column-width", `${e}px`), y.style.setProperty("--column-min-width", `${n}px`), y.style.setProperty("--column-max-width", `${s}px`));
+  }, [r, e, n, s]), /* @__PURE__ */ t.jsxs("div", { className: T, "data-column-id": r, "data-width": e, "data-min-width": n, "data-max-width": s, children: [
+    M,
+    h && /* @__PURE__ */ t.jsx(Je, { columnId: r, onResizeStart: o, onResize: i, onResizeEnd: u, isResizing: c, position: "right", debug: b }),
+    b.showPanelSizes && /* @__PURE__ */ t.jsxs("div", { className: "column-debug-size", children: [
+      e,
       "px",
       c && " ↔"
     ] })
   ] });
-}, Ce = Ke(
+}, Me = st(
   ({
     index: r,
-    columnIndex: t,
+    columnIndex: e,
     isDragging: n,
-    dragOverPosition: l,
+    dragOverPosition: s,
     originalPosition: o,
     onDragEnter: i,
     onDragLeave: u,
     debugConfig: c,
-    customDrag: m
-  }) => /* @__PURE__ */ e.jsx(qe, { index: r, columnIndex: t, isDragging: n, dragOverPosition: l, originalPosition: o, onDragEnter: i, onDragLeave: u, config: c, customDrag: m })
+    customDrag: h
+  }) => /* @__PURE__ */ t.jsx(Ze, { index: r, columnIndex: e, isDragging: n, dragOverPosition: s, originalPosition: o, onDragEnter: i, onDragLeave: u, config: c, customDrag: h })
 );
-Ce.displayName = "LocalInsertPlaceholder";
-const Ct = ({
+Me.displayName = "LocalInsertPlaceholder";
+const Jt = ({
   columns: r,
-  panels: t,
+  panels: e,
   columnPanels: n,
   // onColumnPanelsChange,
-  panelVisibility: l,
+  panelVisibility: s,
   onPanelVisibilityChange: o,
   dragState: i,
   dragOverPosition: u,
   originalPanelPosition: c,
-  dragModes: m,
-  onDragStart: S,
-  onDragEnd: v,
-  onPlaceholderDragEnter: $,
-  onPlaceholderDragLeave: M,
+  dragModes: h,
+  onDragStart: N,
+  onDragEnd: b,
+  onPlaceholderDragEnter: M,
+  onPlaceholderDragLeave: T,
   onDragOverWithInsert: y,
-  onDropWithInsert: a,
+  onDropWithInsert: l,
   onColumnDragLeave: j,
-  onPanelClick: D,
-  onPanelMouseDown: R,
-  onTouchStart: L,
+  onPanelClick: k,
+  onPanelMouseDown: _,
+  onTouchStart: R,
   onTouchMove: z,
   onTouchEnd: Z,
   debugConfig: Y,
   panelSizes: U,
-  setPanelRef: O,
-  enableResize: _ = !1,
+  setPanelRef: $,
+  enableResize: L = !1,
   columnWidths: f,
   // onColumnWidthChange,
-  onResizeStart: g,
+  onResizeStart: x,
   onResize: C,
   onResizeEnd: W,
-  isResizing: x = !1,
-  resizingColumn: p,
-  onPanelSizeInfoClick: h,
-  onToggleDragMode: b,
-  onPanelClose: N,
-  onPanelMaximizeChange: T,
-  customDrag: A,
+  isResizing: p = !1,
+  resizingColumn: g,
+  onPanelSizeInfoClick: m,
+  onToggleDragMode: v,
+  onPanelClose: D,
+  onPanelMaximizeChange: A,
+  customDrag: O,
   dragHandle: H = "panel",
-  maximizedPanel: s = null,
+  maximizedPanel: a = null,
   panelClassName: d = "",
-  scale: k,
+  scale: S,
   autoScale: X,
   onScaleChange: G
 }) => {
@@ -669,114 +800,114 @@ const Ct = ({
   K(() => {
     Q.current = Y;
   }, [Y]);
-  const { containerRef: B, scale: re } = pt(X?.requiredWidth ?? 0, X?.minScale), ie = s ? 1 : k ?? (X ? re : 1), se = Number.isFinite(ie) && ie > 0 ? ie : 1, ge = F(se);
+  const { containerRef: V, scale: re } = Ct(X?.requiredWidth ?? 0, X?.minScale), ce = a ? 1 : S ?? (X ? re : 1), se = Number.isFinite(ce) && ce > 0 ? ce : 1, ge = F(se);
   ge.current = se, K(() => {
     G && G(se);
   }, [se, G]);
-  const Ze = se < 1 ? {
+  const et = se < 1 ? {
     width: `${100 / se}%`,
     height: `${100 / se}%`,
     transform: `scale(${se})`,
     transformOrigin: "top left"
-  } : void 0, de = F({}), De = F(/* @__PURE__ */ new Map());
+  } : void 0, he = F({}), Ne = F(/* @__PURE__ */ new Map());
   K(() => {
     E(Q.current, 1, "🎨 DragDropLayout - dragModes props changed:", {
-      dragModes: m,
+      dragModes: h,
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      keys: Object.keys(m),
-      values: Object.values(m)
+      keys: Object.keys(h),
+      values: Object.values(h)
     });
-  }, [m]);
-  const Ne = Xe(() => {
+  }, [h]);
+  const De = Ue(() => {
     const P = {};
-    return t.forEach((V) => {
-      P[V.id] = V;
+    return e.forEach((B) => {
+      P[B.id] = B;
     }), P;
-  }, [t]);
+  }, [e]);
   K(() => {
-    if (!(s && T))
+    if (!(a && A))
       return;
-    const P = (V) => {
-      V.key === "Escape" && T(null);
+    const P = (B) => {
+      B.key === "Escape" && A(null);
     };
     return document.addEventListener("keydown", P), () => document.removeEventListener("keydown", P);
-  }, [s, T]), Ee(() => {
+  }, [a, A]), Se(() => {
     const P = /* @__PURE__ */ new Map();
-    Object.keys(de.current).forEach((q) => {
-      const ne = de.current[q];
+    Object.keys(he.current).forEach((q) => {
+      const ne = he.current[q];
       if (ne) {
-        const ue = ne.getBoundingClientRect();
+        const de = ne.getBoundingClientRect();
         P.set(q, {
-          rect: ue,
+          rect: de,
           height: ne.offsetHeight,
           width: ne.offsetWidth
         });
       }
     });
-    const V = De.current, ee = 300, me = /* @__PURE__ */ new Set();
+    const B = Ne.current, ee = 300, me = /* @__PURE__ */ new Set();
     Object.values(n).forEach((q) => {
       q.forEach((ne) => {
         me.add(ne);
       });
-    }), new Set(V.keys()).forEach((q) => {
-      me.has(q) || (E(Q.current, 1, "パネル削除検出 - クリーンアップ:", q), V.delete(q), de.current[q] && delete de.current[q]);
+    }), new Set(B.keys()).forEach((q) => {
+      me.has(q) || (E(Q.current, 1, "パネル削除検出 - クリーンアップ:", q), B.delete(q), he.current[q] && delete he.current[q]);
     }), P.forEach((q, ne) => {
-      const ue = V.get(ne);
-      if (ue) {
-        const J = ue.rect.left - q.rect.left, he = ue.rect.top - q.rect.top;
-        if (J !== 0 || he !== 0) {
-          E(Q.current, 2, "パネル移動検出 - アニメーション開始:", ne, { dx: J, dy: he });
-          const oe = de.current[ne];
-          if (oe) {
-            const pe = ge.current || 1;
-            oe.style.transform = `translate(${J / pe}px, ${he / pe}px)`, oe.style.transition = "none", oe.classList.add("is-moving"), requestAnimationFrame(() => {
-              oe.style.transition = `transform ${ee}ms cubic-bezier(0.2, 0, 0.2, 1)`, oe.style.transform = "translate(0, 0)", setTimeout(() => {
-                oe.style.transition = "", oe.style.transform = "", oe.classList.remove("is-moving");
+      const de = B.get(ne);
+      if (de) {
+        const J = de.rect.left - q.rect.left, fe = de.rect.top - q.rect.top;
+        if (J !== 0 || fe !== 0) {
+          E(Q.current, 2, "パネル移動検出 - アニメーション開始:", ne, { dx: J, dy: fe });
+          const ae = he.current[ne];
+          if (ae) {
+            const be = ge.current || 1;
+            ae.style.transform = `translate(${J / be}px, ${fe / be}px)`, ae.style.transition = "none", ae.classList.add("is-moving"), requestAnimationFrame(() => {
+              ae.style.transition = `transform ${ee}ms cubic-bezier(0.2, 0, 0.2, 1)`, ae.style.transform = "translate(0, 0)", setTimeout(() => {
+                ae.style.transition = "", ae.style.transform = "", ae.classList.remove("is-moving");
               }, ee);
             });
           }
         }
       } else {
         E(Q.current, 1, "新規パネル検出 - フェードインアニメーション:", ne);
-        const J = de.current[ne];
+        const J = he.current[ne];
         J && (J.style.opacity = "0", J.style.transition = "none", requestAnimationFrame(() => {
           J.style.transition = `opacity ${ee}ms ease-out`, J.style.opacity = "1", setTimeout(() => {
             J.style.transition = "", J.style.opacity = "";
           }, ee);
         }));
       }
-    }), De.current = P;
-  }, [n]), Ee(() => {
+    }), Ne.current = P;
+  }, [n]), Se(() => {
     const P = /* @__PURE__ */ new Map();
-    Object.keys(de.current).forEach((V) => {
-      const ee = de.current[V];
-      ee && P.set(V, { rect: ee.getBoundingClientRect(), height: ee.offsetHeight, width: ee.offsetWidth });
-    }), De.current = P;
+    Object.keys(he.current).forEach((B) => {
+      const ee = he.current[B];
+      ee && P.set(B, { rect: ee.getBoundingClientRect(), height: ee.offsetHeight, width: ee.offsetWidth });
+    }), Ne.current = P;
   }, [se]);
-  const Ge = (P) => {
-    if (!l[P]) return null;
-    const V = Ne[P];
-    if (!V)
+  const tt = (P) => {
+    if (!s[P]) return null;
+    const B = De[P];
+    if (!B)
       return E(Q.current, 1, `Panel config not found for panelId: ${P}`), null;
-    const ee = V.component, me = V.title, ce = i.draggedPanel === P, q = m[P] || "normal";
+    const ee = B.component, me = B.title, ue = i.draggedPanel === P, q = h[P] || "normal";
     E(Q.current, 2, `🎨 renderPanel - ${P}:`, {
       panelId: P,
       dragMode: q,
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
     });
     const ne = (I) => {
-      de.current[P] = I, O && O(P, I), I && Y.showPanelSizes && requestAnimationFrame(() => {
-        const ve = I.getBoundingClientRect(), Re = window.getComputedStyle(I);
+      he.current[P] = I, $ && $(P, I), I && Y.showPanelSizes && requestAnimationFrame(() => {
+        const ye = I.getBoundingClientRect(), Le = window.getComputedStyle(I);
         E(Q.current, 1, `Panel ${P} mounted with size:`, {
-          width: ve.width,
-          height: ve.height,
-          x: ve.left,
-          y: ve.top,
-          minHeight: Re.minHeight,
-          maxHeight: Re.maxHeight
+          width: ye.width,
+          height: ye.height,
+          x: ye.left,
+          y: ye.top,
+          minHeight: Le.minHeight,
+          maxHeight: Le.maxHeight
         });
       });
-    }, ue = U[P], J = s === P, he = !!T, oe = () => T?.(J ? null : P), pe = J ? {
+    }, de = U[P], J = a === P, fe = !!A, ae = () => A?.(J ? null : P), be = J ? {
       position: "fixed",
       top: "var(--aqdd-maximize-top, 0px)",
       right: "var(--aqdd-maximize-right, 0px)",
@@ -786,266 +917,282 @@ const Ct = ({
       minHeight: 0,
       maxHeight: "none"
     } : {
-      minHeight: V.minHeight ?? "200px",
-      maxHeight: V.maxHeight ?? "500px"
-    }, be = H === "header", Oe = q === "normal" && !be && !J, Te = q === "normal" && be && !J, Ae = ce ? "cursor-grabbing" : "cursor-grab", Me = `panel-draggable group relative flex flex-col overflow-hidden border border-slate-200 text-left shadow-lg backdrop-blur-lg ${q === "custom" ? "select-none" : ""}`, Qe = J ? (
+      minHeight: B.minHeight ?? "200px",
+      maxHeight: B.maxHeight ?? "500px"
+    }, ve = H === "header", Oe = q === "normal" && !ve && !J, Te = q === "normal" && ve && !J, _e = ue ? "cursor-grabbing" : "cursor-grab", Re = `panel-draggable group relative flex flex-col overflow-hidden border border-slate-200 text-left shadow-lg backdrop-blur-lg ${q === "custom" ? "select-none" : ""}`, rt = J ? (
       // 最大化中: 角丸・ホバー演出・grab カーソル無し、背景は不透過寄りで下のレイアウトを遮蔽
-      `${Me} rounded-none bg-white/95 p-4 ${d}`
-    ) : `${Me} rounded-2xl bg-white/80 p-4 transition-all duration-300 hover:-translate-y-1 hover:shadow-xl ${be ? "" : Ae} ${d}`;
+      `${Re} rounded-none bg-white/95 p-4 ${d}`
+    ) : `${Re} rounded-2xl bg-white/80 p-4 transition-all duration-300 hover:-translate-y-1 hover:shadow-xl ${ve ? "" : _e} ${d}`;
     return (
       // biome-ignore lint/a11y/noStaticElementInteractions: クリックイベントを持つ静的要素
-      /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ t.jsxs(
         "div",
         {
           ref: ne,
           "data-panel-id": P,
-          "data-dragging": ce,
+          "data-dragging": ue,
           "data-maximized": J || void 0,
           role: "presentation",
           draggable: Oe,
-          onDragStart: (I) => Oe && S(I, P),
-          onDragEnd: v,
-          onClick: (I) => D?.(I, P),
-          onMouseDown: (I) => R?.(I, P),
-          onTouchStart: (I) => L?.(I, P),
+          onDragStart: (I) => Oe && N(I, P),
+          onDragEnd: b,
+          onClick: (I) => k?.(I, P),
+          onMouseDown: (I) => _?.(I, P),
+          onTouchStart: (I) => R?.(I, P),
           onTouchMove: z,
           onTouchEnd: Z,
-          style: pe,
-          className: Qe,
+          style: be,
+          className: rt,
           children: [
-            /* @__PURE__ */ e.jsxs(
+            /* @__PURE__ */ t.jsxs(
               "div",
               {
-                className: `group relative mb-3 flex items-center justify-between ${be && !J ? Ae : ""}`,
+                className: `group relative mb-3 flex items-center justify-between ${ve && !J ? _e : ""}`,
                 draggable: Te,
-                onDragStart: (I) => Te && S(I, P),
-                onDoubleClick: he ? (I) => {
-                  I.stopPropagation(), oe();
+                onDragStart: (I) => Te && N(I, P),
+                onDoubleClick: fe ? (I) => {
+                  I.stopPropagation(), ae();
                 } : void 0,
                 children: [
-                  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                    /* @__PURE__ */ e.jsx("h3", { className: "font-semibold text-lg text-slate-700 transition-colors group-hover:text-slate-900", children: me }),
-                    q === "custom" && /* @__PURE__ */ e.jsx("span", { className: "rounded-md bg-orange-100 px-2 py-1 font-medium text-orange-600 text-xs", children: "Custom" })
+                  /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-2", children: [
+                    /* @__PURE__ */ t.jsx("h3", { className: "font-semibold text-lg text-slate-700 transition-colors group-hover:text-slate-900", children: me }),
+                    q === "custom" && /* @__PURE__ */ t.jsx("span", { className: "rounded-md bg-orange-100 px-2 py-1 font-medium text-orange-600 text-xs", children: "Custom" })
                   ] }),
-                  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-1 opacity-0 transition-opacity group-hover:opacity-100", children: [
-                    /* @__PURE__ */ e.jsx(
+                  /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-1 opacity-0 transition-opacity group-hover:opacity-100", children: [
+                    /* @__PURE__ */ t.jsx(
                       "button",
                       {
                         type: "button",
                         onClick: (I) => {
-                          I.stopPropagation(), b && b(P);
+                          I.stopPropagation(), v && v(P);
                         },
                         onKeyDown: (I) => {
-                          (I.key === "Enter" || I.key === " ") && (I.preventDefault(), I.stopPropagation(), b && b(P));
+                          (I.key === "Enter" || I.key === " ") && (I.preventDefault(), I.stopPropagation(), v && v(P));
                         },
                         tabIndex: 0,
                         className: `cursor-pointer rounded p-1 text-xs transition-colors ${q === "custom" ? "bg-orange-100 text-orange-600 hover:bg-orange-200" : "text-slate-400 hover:bg-slate-100 hover:text-slate-600"}`,
                         title: q === "custom" ? "通常ドラッグモードに戻す" : "カスタムドラッグモードに切り替え",
-                        children: q === "custom" ? /* @__PURE__ */ e.jsx(nt, { className: "h-4 w-4" }) : /* @__PURE__ */ e.jsx(rt, { className: "h-4 w-4" })
+                        children: q === "custom" ? /* @__PURE__ */ t.jsx(kt, { className: "h-4 w-4" }) : /* @__PURE__ */ t.jsx(jt, { className: "h-4 w-4" })
                       }
                     ),
-                    !J && /* @__PURE__ */ e.jsx(
+                    !J && /* @__PURE__ */ t.jsx(
                       "button",
                       {
                         type: "button",
                         onClick: (I) => {
                           I.stopPropagation(), o({
-                            ...l,
+                            ...s,
                             [P]: !1
                           });
                         },
                         className: "rounded p-1 text-slate-400 transition-colors hover:bg-slate-100 hover:text-slate-600",
                         title: "パネルを非表示",
-                        children: /* @__PURE__ */ e.jsx(Le, { className: "h-4 w-4" })
+                        children: /* @__PURE__ */ t.jsx(Xe, { className: "h-4 w-4" })
                       }
                     ),
-                    he && /* @__PURE__ */ e.jsx(
+                    fe && /* @__PURE__ */ t.jsx(
                       "button",
                       {
                         type: "button",
                         onClick: (I) => {
-                          I.stopPropagation(), oe();
+                          I.stopPropagation(), ae();
                         },
                         className: "rounded p-1 text-slate-400 transition-colors hover:bg-slate-100 hover:text-slate-600",
                         title: J ? "元のサイズに戻す" : "パネルを最大化",
-                        children: J ? /* @__PURE__ */ e.jsx(st, { className: "h-4 w-4" }) : /* @__PURE__ */ e.jsx(ot, { className: "h-4 w-4" })
+                        children: J ? /* @__PURE__ */ t.jsx(yt, { className: "h-4 w-4" }) : /* @__PURE__ */ t.jsx(bt, { className: "h-4 w-4" })
                       }
                     ),
-                    N && /* @__PURE__ */ e.jsx(
+                    D && /* @__PURE__ */ t.jsx(
                       "button",
                       {
                         type: "button",
                         onClick: (I) => {
-                          I.stopPropagation(), N(P);
+                          I.stopPropagation(), D(P);
                         },
                         className: "rounded p-1 text-slate-400 transition-colors hover:bg-slate-100 hover:text-red-500",
                         title: "パネルを閉じる",
-                        children: /* @__PURE__ */ e.jsx(He, { className: "h-4 w-4" })
+                        children: /* @__PURE__ */ t.jsx(Ve, { className: "h-4 w-4" })
                       }
                     )
                   ] })
                 ]
               }
             ),
-            /* @__PURE__ */ e.jsx("div", { "data-aqdd-scroll-area": !0, className: "panel-scroll-area min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ e.jsx(ee, { ...V.props || {} }) }),
-            /* @__PURE__ */ e.jsx(ft, { config: Y, panelId: P, sizeInfo: ue, onSizeInfoClick: (I) => h?.(I, P) })
+            /* @__PURE__ */ t.jsx("div", { "data-aqdd-scroll-area": !0, className: "panel-scroll-area min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ t.jsx(ee, { ...B.props || {} }) }),
+            /* @__PURE__ */ t.jsx(Dt, { config: Y, panelId: P, sizeInfo: de, onSizeInfoClick: (I) => m?.(I, P) })
           ]
         },
         P
       )
     );
-  }, Je = (P, V) => {
+  }, nt = (P, B) => {
     const ee = n[P] || [];
     let me = !1;
     for (const q of ee)
-      if (l[q]) {
+      if (s[q]) {
         me = !0;
         break;
       }
-    const ce = i.isDragging || (A?.isActive ?? !1);
-    return /* @__PURE__ */ e.jsx(Ie, { columnIndex: V, isDragging: ce, dragOverPosition: u, config: Y, children: /* @__PURE__ */ e.jsxs(
+    const ue = i.isDragging || (O?.isActive ?? !1);
+    return /* @__PURE__ */ t.jsx(Ge, { columnIndex: B, isDragging: ue, dragOverPosition: u, config: Y, children: /* @__PURE__ */ t.jsxs(
       "section",
       {
         "data-drop-zone": "true",
         "data-column-key": P,
-        "data-column-index": V,
-        "aria-label": `Drop zone for column ${V + 1}`,
-        onDragOver: (q) => y(q, V),
-        onDrop: (q) => a(q, P),
+        "data-column-index": B,
+        "aria-label": `Drop zone for column ${B + 1}`,
+        onDragOver: (q) => y(q, B),
+        onDrop: (q) => l(q, P),
         onDragLeave: j,
         className: "relative flex h-full flex-col transition-all duration-200",
         children: [
-          /* @__PURE__ */ e.jsx("div", { className: "placeholder-container", children: /* @__PURE__ */ e.jsx(
-            Ce,
+          /* @__PURE__ */ t.jsx("div", { className: "placeholder-container", children: /* @__PURE__ */ t.jsx(
+            Me,
             {
               index: 0,
-              columnIndex: V,
-              isDragging: ce,
+              columnIndex: B,
+              isDragging: ue,
               dragOverPosition: u,
               originalPosition: c,
-              onDragEnter: $,
-              onDragLeave: M,
+              onDragEnter: M,
+              onDragLeave: T,
               debugConfig: Y,
-              customDrag: A
+              customDrag: O
             }
           ) }),
           ee.map((q, ne) => {
-            const ue = l[q], J = !(ue || ce);
-            return /* @__PURE__ */ e.jsxs("div", { className: `panel-with-placeholder ${J ? "m-0 h-0 overflow-hidden p-0" : ""}`, "data-panel-hidden": J ? "true" : void 0, "aria-hidden": J ? "true" : void 0, children: [
-              ue ? Ge(q) : ce ? (
+            const de = s[q], J = !(de || ue);
+            return /* @__PURE__ */ t.jsxs("div", { className: `panel-with-placeholder ${J ? "m-0 h-0 overflow-hidden p-0" : ""}`, "data-panel-hidden": J ? "true" : void 0, "aria-hidden": J ? "true" : void 0, children: [
+              de ? tt(q) : ue ? (
                 /* ドラッグ中のみ隠されたパネルのダミー表示 */
-                /* @__PURE__ */ e.jsxs("div", { className: "hidden-panel-placeholder relative h-[120px] rounded-2xl border-2 border-amber-300 border-dashed bg-gradient-to-br from-amber-50 to-orange-50 p-3 text-left shadow-lg backdrop-blur-lg", children: [
-                  /* @__PURE__ */ e.jsxs("div", { className: "mb-2 flex items-center space-x-2", children: [
-                    /* @__PURE__ */ e.jsx("h3", { className: "font-semibold text-amber-700 text-base", children: Ne[q]?.title || q }),
-                    /* @__PURE__ */ e.jsx("span", { className: "rounded-md bg-amber-100 px-2 py-1 font-medium text-amber-600 text-xs", children: "非表示" })
+                /* @__PURE__ */ t.jsxs("div", { className: "hidden-panel-placeholder relative h-[120px] rounded-2xl border-2 border-amber-300 border-dashed bg-gradient-to-br from-amber-50 to-orange-50 p-3 text-left shadow-lg backdrop-blur-lg", children: [
+                  /* @__PURE__ */ t.jsxs("div", { className: "mb-2 flex items-center space-x-2", children: [
+                    /* @__PURE__ */ t.jsx("h3", { className: "font-semibold text-amber-700 text-base", children: De[q]?.title || q }),
+                    /* @__PURE__ */ t.jsx("span", { className: "rounded-md bg-amber-100 px-2 py-1 font-medium text-amber-600 text-xs", children: "非表示" })
                   ] }),
-                  /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center text-amber-600", children: [
-                    /* @__PURE__ */ e.jsx(Le, { className: "mx-auto h-6 w-6 opacity-50" }),
-                    /* @__PURE__ */ e.jsx("p", { className: "mt-1 text-xs", children: "このパネルは非表示です" })
+                  /* @__PURE__ */ t.jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ t.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ t.jsxs("div", { className: "text-center text-amber-600", children: [
+                    /* @__PURE__ */ t.jsx(Xe, { className: "mx-auto h-6 w-6 opacity-50" }),
+                    /* @__PURE__ */ t.jsx("p", { className: "mt-1 text-xs", children: "このパネルは非表示です" })
                   ] }) }) })
                 ] })
               ) : null,
-              /* @__PURE__ */ e.jsx(
-                Ce,
+              /* @__PURE__ */ t.jsx(
+                Me,
                 {
                   index: ne + 1,
-                  columnIndex: V,
-                  isDragging: ce,
+                  columnIndex: B,
+                  isDragging: ue,
                   dragOverPosition: u,
                   originalPosition: c,
-                  onDragEnter: $,
-                  onDragLeave: M,
+                  onDragEnter: M,
+                  onDragLeave: T,
                   debugConfig: Y,
-                  customDrag: A
+                  customDrag: O
                 }
               )
             ] }, `panel-${q}`);
           }),
-          !(me || ce) && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 rounded-xl border-2 border-slate-200 border-dashed bg-white/30 p-8 text-center text-slate-400 transition-all duration-200", children: /* @__PURE__ */ e.jsx("div", { className: "text-sm", children: "このエリアは空です" }) })
+          !(me || ue) && /* @__PURE__ */ t.jsx("div", { className: "flex-shrink-0 rounded-xl border-2 border-slate-200 border-dashed bg-white/30 p-8 text-center text-slate-400 transition-all duration-200", children: /* @__PURE__ */ t.jsx("div", { className: "text-sm", children: "このエリアは空です" }) })
         ]
       }
     ) });
-  }, $e = Object.keys(l).filter((P) => !l[P]);
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col", children: [
-    $e.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "border-slate-200 border-b bg-white/70 px-4 py-2 backdrop-blur-lg", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap gap-2", children: [
-      /* @__PURE__ */ e.jsx("span", { className: "mr-2 text-slate-600 text-sm", children: "非表示のパネル:" }),
-      $e.map((P) => {
-        const ee = Ne[P]?.title || P;
-        return /* @__PURE__ */ e.jsxs(
+  }, Ae = Object.keys(s).filter((P) => !s[P]);
+  return /* @__PURE__ */ t.jsxs("div", { className: "flex h-full flex-col", children: [
+    Ae.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "border-slate-200 border-b bg-white/70 px-4 py-2 backdrop-blur-lg", children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ t.jsx("span", { className: "mr-2 text-slate-600 text-sm", children: "非表示のパネル:" }),
+      Ae.map((P) => {
+        const ee = De[P]?.title || P;
+        return /* @__PURE__ */ t.jsxs(
           "button",
           {
             type: "button",
             onClick: () => o({
-              ...l,
+              ...s,
               [P]: !0
             }),
             className: "flex items-center space-x-1 rounded-lg border border-sky-300 bg-gradient-to-r from-sky-500 to-indigo-500 px-3 py-1 text-sm text-white shadow-md transition-all duration-200 hover:from-sky-600 hover:to-indigo-600 hover:shadow-lg",
             children: [
-              /* @__PURE__ */ e.jsx(tt, { className: "h-3 w-3" }),
-              /* @__PURE__ */ e.jsx("span", { children: ee })
+              /* @__PURE__ */ t.jsx(pt, { className: "h-3 w-3" }),
+              /* @__PURE__ */ t.jsx("span", { children: ee })
             ]
           },
           P
         );
       })
     ] }) }),
-    /* @__PURE__ */ e.jsx("div", { ref: B, className: "relative min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ e.jsx("div", { className: "h-full w-full", style: Ze, children: /* @__PURE__ */ e.jsx("main", { "data-aqdd-scroll-root": !0, className: "no-scrollbar h-full max-w-full flex-1 overflow-auto px-4 py-6 sm:px-6", children: /* @__PURE__ */ e.jsx("div", { className: "relative flex h-full items-start gap-6 pr-4", children: r.map((P, V) => {
-      const ee = f?.[P.id] || P.initialWidth || 350, me = _ && (P.resizable ?? !0);
-      return /* @__PURE__ */ e.jsx(et, { children: /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ t.jsx("div", { ref: V, className: "relative min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ t.jsx("div", { className: "h-full w-full", style: et, children: /* @__PURE__ */ t.jsx("main", { "data-aqdd-scroll-root": !0, className: "no-scrollbar h-full max-w-full flex-1 overflow-auto px-4 py-6 sm:px-6", children: /* @__PURE__ */ t.jsx("div", { className: "relative flex h-full items-start gap-6 pr-4", children: r.map((P, B) => {
+      const ee = f?.[P.id] || P.initialWidth || 350, me = L && (P.resizable ?? !0);
+      return /* @__PURE__ */ t.jsx(ot, { children: /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: `column relative ${P.className || ""} ${_ ? "resize-enabled-column" : "auto-width-column"} ${x && p === P.id ? "column-resizing-active" : ""}`,
-          "data-column": V,
+          className: `column relative ${P.className || ""} ${L ? "resize-enabled-column" : "auto-width-column"} ${p && g === P.id ? "column-resizing-active" : ""}`,
+          "data-column": B,
           "data-column-id": P.id,
           "data-min-width": P.minWidth || 350,
           "data-max-width": P.maxWidth,
-          "data-column-width": _ ? ee : void 0,
-          ..._ && {
+          "data-column-width": L ? ee : void 0,
+          ...L && {
             style: { "--column-width": `${ee}px` }
           },
           children: [
-            Je(P.key, V),
-            me && g && C && W && /* @__PURE__ */ e.jsx(Ue, { columnId: P.id, onResizeStart: g, onResize: C, onResizeEnd: W, isResizing: x && p === P.id, position: "right", debug: Y })
+            nt(P.key, B),
+            me && x && C && W && /* @__PURE__ */ t.jsx(Je, { columnId: P.id, onResizeStart: x, onResize: C, onResizeEnd: W, isResizing: p && g === P.id, position: "right", debug: Y })
           ]
         }
       ) }, P.id);
     }) }) }) }) })
   ] });
-}, $t = ({ columnCount: r, onColumnCountChange: t, onAutoBalance: n, onResetWidths: l, minColumns: o = 2, maxColumns: i = 6, isResizing: u = !1, isResponsiveMode: c = !1, responsiveColumnCount: m }) => {
-  const S = r > o && !c, v = r < i && !c;
-  return /* @__PURE__ */ e.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__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e.jsx("span", { className: "font-medium text-slate-700 text-sm", children: "カラム数:" }),
-      /* @__PURE__ */ e.jsx(
+};
+const Mt = [
+  ["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" }]
+], $t = oe("grid-3x3", Mt);
+const At = [["path", { d: "M5 12h14", key: "1ays0h" }]], Ot = oe("minus", At);
+const Tt = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+], $e = oe("plus", Tt);
+const _t = [
+  ["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" }]
+], Rt = oe("rotate-ccw", _t), Qt = ({ columnCount: r, onColumnCountChange: e, onAutoBalance: n, onResetWidths: s, minColumns: o = 2, maxColumns: i = 6, isResizing: u = !1, isResponsiveMode: c = !1, responsiveColumnCount: h }) => {
+  const N = r > o && !c, b = r < i && !c;
+  return /* @__PURE__ */ t.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__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ t.jsx("span", { className: "font-medium text-slate-700 text-sm", children: "カラム数:" }),
+      /* @__PURE__ */ t.jsx(
         "button",
         {
           type: "button",
-          onClick: () => S && t(r - 1),
-          disabled: !S || u,
-          className: `rounded p-1 text-xs transition-colors ${S && !u ? "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"}`,
+          onClick: () => N && e(r - 1),
+          disabled: !N || u,
+          className: `rounded p-1 text-xs transition-colors ${N && !u ? "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: c ? "レスポンシブモード中：カラム数は自動調整されます" : `カラムを削除 (最小: ${o}列)`,
-          children: /* @__PURE__ */ e.jsx(lt, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ t.jsx(Ot, { className: "h-3 w-3" })
         }
       ),
-      /* @__PURE__ */ e.jsxs("div", { className: `min-w-[2rem] rounded border px-3 py-1 text-center font-mono text-sm ${c ? "border-blue-300 bg-blue-50 text-blue-700" : "border-slate-300 bg-slate-100 text-slate-700"}`, children: [
-        c ? m ?? r : r,
-        c && /* @__PURE__ */ e.jsx("span", { className: "ml-1 text-xs", children: "自動" })
+      /* @__PURE__ */ t.jsxs("div", { className: `min-w-[2rem] rounded border px-3 py-1 text-center font-mono text-sm ${c ? "border-blue-300 bg-blue-50 text-blue-700" : "border-slate-300 bg-slate-100 text-slate-700"}`, children: [
+        c ? h ?? r : r,
+        c && /* @__PURE__ */ t.jsx("span", { className: "ml-1 text-xs", children: "自動" })
       ] }),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx(
         "button",
         {
           type: "button",
-          onClick: () => v && t(r + 1),
-          disabled: !v || u,
-          className: `rounded p-1 text-xs transition-colors ${v && !u ? "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"}`,
+          onClick: () => b && e(r + 1),
+          disabled: !b || u,
+          className: `rounded p-1 text-xs transition-colors ${b && !u ? "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: c ? "レスポンシブモード中：カラム数は自動調整されます" : `カラムを追加 (最大: ${i}列)`,
-          children: /* @__PURE__ */ e.jsx(Se, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ t.jsx($e, { className: "h-3 w-3" })
         }
       )
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "h-6 w-px bg-slate-300" }),
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ t.jsx("div", { className: "h-6 w-px bg-slate-300" }),
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ t.jsxs(
         "button",
         {
           type: "button",
@@ -1054,162 +1201,162 @@ const Ct = ({
           className: `flex items-center gap-1 rounded px-2 py-1 text-xs transition-colors ${u ? "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__ */ e.jsx(at, { className: "h-3 w-3" }),
-            /* @__PURE__ */ e.jsx("span", { children: "バランス" })
+            /* @__PURE__ */ t.jsx($t, { className: "h-3 w-3" }),
+            /* @__PURE__ */ t.jsx("span", { children: "バランス" })
           ]
         }
       ),
-      /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ t.jsxs(
         "button",
         {
           type: "button",
-          onClick: l,
+          onClick: s,
           disabled: u,
           className: `flex items-center gap-1 rounded px-2 py-1 text-xs transition-colors ${u ? "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__ */ e.jsx(it, { className: "h-3 w-3" }),
-            /* @__PURE__ */ e.jsx("span", { children: "幅リセット" })
+            /* @__PURE__ */ t.jsx(Rt, { className: "h-3 w-3" }),
+            /* @__PURE__ */ t.jsx("span", { children: "幅リセット" })
           ]
         }
       )
     ] }),
-    u && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1 text-blue-600 text-xs", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "h-2 w-2 animate-pulse rounded-full bg-blue-500" }),
-      /* @__PURE__ */ e.jsx("span", { children: "リサイズ中..." })
+    u && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1 text-blue-600 text-xs", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "h-2 w-2 animate-pulse rounded-full bg-blue-500" }),
+      /* @__PURE__ */ t.jsx("span", { children: "リサイズ中..." })
     ] })
   ] });
-}, Ot = ({ columnCount: r, onInsertColumn: t, onDeleteColumn: n, minColumns: l = 1, maxColumns: o = 6, isResizing: i = !1, disabled: u = !1 }) => {
-  const c = r < o && !u, m = r > l && !u;
-  return /* @__PURE__ */ e.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 ${u ? "bg-slate-100/80 opacity-60" : "bg-white/80"}`, children: [
-    u && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2 text-slate-500 text-xs", children: /* @__PURE__ */ e.jsx("span", { children: "レスポンシブモード有効中：カラム数は自動調整されます" }) }),
-    !u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(
+}, Kt = ({ columnCount: r, onInsertColumn: e, onDeleteColumn: n, minColumns: s = 1, maxColumns: o = 6, isResizing: i = !1, disabled: u = !1 }) => {
+  const c = r < o && !u, h = r > s && !u;
+  return /* @__PURE__ */ t.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 ${u ? "bg-slate-100/80 opacity-60" : "bg-white/80"}`, children: [
+    u && /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-2 text-slate-500 text-xs", children: /* @__PURE__ */ t.jsx("span", { children: "レスポンシブモード有効中：カラム数は自動調整されます" }) }),
+    !u && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(
         "button",
         {
           type: "button",
-          onClick: () => c && t(0),
+          onClick: () => c && e(0),
           disabled: !c || i,
           className: `flex h-8 w-8 items-center justify-center rounded border-2 border-dashed text-xs transition-colors ${c && !i ? "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__ */ e.jsx(Se, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ t.jsx($e, { className: "h-4 w-4" })
         }
       ),
-      Array.from({ length: r }, (S, v) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-8 w-12 items-center justify-center rounded border border-slate-300 bg-slate-100", children: [
-          /* @__PURE__ */ e.jsx("span", { className: "font-medium font-mono text-slate-700 text-xs", children: v + 1 }),
-          m && !i && /* @__PURE__ */ e.jsx(
+      Array.from({ length: r }, (N, b) => /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "relative flex h-8 w-12 items-center justify-center rounded border border-slate-300 bg-slate-100", children: [
+          /* @__PURE__ */ t.jsx("span", { className: "font-medium font-mono text-slate-700 text-xs", children: b + 1 }),
+          h && !i && /* @__PURE__ */ t.jsx(
             "button",
             {
               type: "button",
-              onClick: () => n(v),
+              onClick: () => n(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: `カラム ${v + 1} を削除`,
-              children: /* @__PURE__ */ e.jsx(He, { className: "h-2.5 w-2.5" })
+              title: `カラム ${b + 1} を削除`,
+              children: /* @__PURE__ */ t.jsx(Ve, { className: "h-2.5 w-2.5" })
             }
           )
         ] }),
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ t.jsx(
           "button",
           {
             type: "button",
-            onClick: () => c && t(v + 1),
+            onClick: () => c && e(b + 1),
             disabled: !c || i,
             className: `flex h-8 w-8 items-center justify-center rounded border-2 border-dashed text-xs transition-colors ${c && !i ? "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__ */ e.jsx(Se, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ t.jsx($e, { className: "h-4 w-4" })
           }
         )
-      ] }, `column-${v}`))
+      ] }, `column-${b}`))
     ] })
   ] });
-}, Tt = ({ config: r, onConfigChange: t, isVisible: n, onToggleVisibility: l }) => n ? /* @__PURE__ */ e.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__ */ e.jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
-    /* @__PURE__ */ e.jsx("h3", { className: "font-bold text-gray-800 text-sm", children: "🛠️ デバッグ設定" }),
-    /* @__PURE__ */ e.jsx("button", { type: "button", onClick: l, className: "text-gray-500 text-lg hover:text-gray-700", title: "閉じる", children: "✕" })
+}, en = ({ config: r, onConfigChange: e, isVisible: n, onToggleVisibility: s }) => n ? /* @__PURE__ */ t.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__ */ t.jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+    /* @__PURE__ */ t.jsx("h3", { className: "font-bold text-gray-800 text-sm", children: "🛠️ デバッグ設定" }),
+    /* @__PURE__ */ t.jsx("button", { type: "button", onClick: s, className: "text-gray-500 text-lg hover:text-gray-700", title: "閉じる", children: "✕" })
   ] }),
-  /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ e.jsxs("label", { className: "flex items-center space-x-2 text-sm", children: [
-      /* @__PURE__ */ e.jsx(
+  /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ t.jsxs("label", { className: "flex items-center space-x-2 text-sm", children: [
+      /* @__PURE__ */ t.jsx(
         "input",
         {
           type: "checkbox",
           checked: r.showDebugPanel ?? !1,
-          onChange: (o) => t({
+          onChange: (o) => e({
             ...r,
             showDebugPanel: o.target.checked
           }),
           className: "rounded"
         }
       ),
-      /* @__PURE__ */ e.jsx("span", { children: "デバッグパネル表示" })
+      /* @__PURE__ */ t.jsx("span", { children: "デバッグパネル表示" })
     ] }),
-    /* @__PURE__ */ e.jsxs("label", { className: "flex items-center space-x-2 text-sm", children: [
-      /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ t.jsxs("label", { className: "flex items-center space-x-2 text-sm", children: [
+      /* @__PURE__ */ t.jsx(
         "input",
         {
           type: "checkbox",
           checked: r.showMousePosition ?? !1,
-          onChange: (o) => t({
+          onChange: (o) => e({
             ...r,
             showMousePosition: o.target.checked
           }),
           className: "rounded"
         }
       ),
-      /* @__PURE__ */ e.jsx("span", { children: "マウス位置表示" })
+      /* @__PURE__ */ t.jsx("span", { children: "マウス位置表示" })
     ] }),
-    /* @__PURE__ */ e.jsxs("label", { className: "flex items-center space-x-2 text-sm", children: [
-      /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ t.jsxs("label", { className: "flex items-center space-x-2 text-sm", children: [
+      /* @__PURE__ */ t.jsx(
         "input",
         {
           type: "checkbox",
           checked: r.showPanelSizes ?? !1,
-          onChange: (o) => t({
+          onChange: (o) => e({
             ...r,
             showPanelSizes: o.target.checked
           }),
           className: "rounded"
         }
       ),
-      /* @__PURE__ */ e.jsx("span", { children: "パネルサイズ情報" })
+      /* @__PURE__ */ t.jsx("span", { children: "パネルサイズ情報" })
     ] }),
-    /* @__PURE__ */ e.jsxs("label", { className: "flex items-center space-x-2 text-sm", children: [
-      /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ t.jsxs("label", { className: "flex items-center space-x-2 text-sm", children: [
+      /* @__PURE__ */ t.jsx(
         "input",
         {
           type: "checkbox",
           checked: r.showPlaceholderInfo ?? !1,
-          onChange: (o) => t({
+          onChange: (o) => e({
             ...r,
             showPlaceholderInfo: o.target.checked
           }),
           className: "rounded"
         }
       ),
-      /* @__PURE__ */ e.jsx("span", { children: "プレースホルダー詳細" })
+      /* @__PURE__ */ t.jsx("span", { children: "プレースホルダー詳細" })
     ] }),
-    /* @__PURE__ */ e.jsxs("label", { className: "flex items-center space-x-2 text-sm", children: [
-      /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ t.jsxs("label", { className: "flex items-center space-x-2 text-sm", children: [
+      /* @__PURE__ */ t.jsx(
         "input",
         {
           type: "checkbox",
           checked: r.showDropZoneOutlines ?? !1,
-          onChange: (o) => t({
+          onChange: (o) => e({
             ...r,
             showDropZoneOutlines: o.target.checked
           }),
           className: "rounded"
         }
       ),
-      /* @__PURE__ */ e.jsx("span", { children: "ドロップゾーン境界" })
+      /* @__PURE__ */ t.jsx("span", { children: "ドロップゾーン境界" })
     ] }),
-    /* @__PURE__ */ e.jsxs("div", { className: "border-gray-200 border-t pt-2", children: [
-      /* @__PURE__ */ e.jsxs("label", { htmlFor: "log-level-slider", className: "mb-1 block text-sm", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "border-gray-200 border-t pt-2", children: [
+      /* @__PURE__ */ t.jsxs("label", { htmlFor: "log-level-slider", className: "mb-1 block text-sm", children: [
         "ログレベル: ",
         r.logLevel ?? 0
       ] }),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx(
         "input",
         {
           id: "log-level-slider",
@@ -1217,7 +1364,7 @@ const Ct = ({
           min: "0",
           max: "2",
           value: r.logLevel ?? 0,
-          onChange: (o) => t({
+          onChange: (o) => e({
             ...r,
             logLevel: parseInt(o.target.value, 10)
           }),
@@ -1225,18 +1372,18 @@ const Ct = ({
           "aria-label": "ログレベル設定"
         }
       ),
-      /* @__PURE__ */ e.jsxs("div", { className: "mt-1 flex justify-between text-gray-500 text-xs", children: [
-        /* @__PURE__ */ e.jsx("span", { children: "無効" }),
-        /* @__PURE__ */ e.jsx("span", { children: "基本" }),
-        /* @__PURE__ */ e.jsx("span", { children: "詳細" })
+      /* @__PURE__ */ t.jsxs("div", { className: "mt-1 flex justify-between text-gray-500 text-xs", children: [
+        /* @__PURE__ */ t.jsx("span", { children: "無効" }),
+        /* @__PURE__ */ t.jsx("span", { children: "基本" }),
+        /* @__PURE__ */ t.jsx("span", { children: "詳細" })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs("div", { className: "space-y-2 pt-2", children: [
-      /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ t.jsxs("div", { className: "space-y-2 pt-2", children: [
+      /* @__PURE__ */ t.jsx(
         "button",
         {
           type: "button",
-          onClick: () => t({
+          onClick: () => e({
             showDebugPanel: !0,
             showMousePosition: !0,
             showPanelSizes: !0,
@@ -1248,11 +1395,11 @@ const Ct = ({
           children: "すべて有効"
         }
       ),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx(
         "button",
         {
           type: "button",
-          onClick: () => t({
+          onClick: () => e({
             showDebugPanel: !1,
             showMousePosition: !1,
             showPanelSizes: !1,
@@ -1266,132 +1413,132 @@ const Ct = ({
       )
     ] })
   ] })
-] }) : /* @__PURE__ */ e.jsx("button", { type: "button", onClick: l, className: "fixed right-4 bottom-4 z-50 rounded-lg bg-gray-800 p-2 text-white shadow-lg transition-colors hover:bg-gray-700", title: "デバッグ設定を開く", children: "🛠️" }), ae = {
+] }) : /* @__PURE__ */ t.jsx("button", { type: "button", onClick: s, className: "fixed right-4 bottom-4 z-50 rounded-lg bg-gray-800 p-2 text-white shadow-lg transition-colors hover:bg-gray-700", title: "デバッグ設定を開く", children: "🛠️" }), ie = {
   prefix: "column",
   startIndex: 1,
   separator: "_"
-}, we = (r, t = ae) => {
-  const { prefix: n, startIndex: l, separator: o } = t, i = r + l;
+}, je = (r, e = ie) => {
+  const { prefix: n, startIndex: s, separator: o } = e, i = r + s;
   return `${n}${o}${i}`;
-}, Ve = (r, t = ae) => Array.from({ length: r }, (n, l) => we(l, t)), je = (r, t = ae) => {
-  const { prefix: n, startIndex: l, separator: o } = t, i = `${n}${o}`;
+}, Qe = (r, e = ie) => Array.from({ length: r }, (n, s) => je(s, e)), Pe = (r, e = ie) => {
+  const { prefix: n, startIndex: s, separator: o } = e, i = `${n}${o}`;
   if (!r.startsWith(i))
     return null;
   const u = r.slice(i.length), c = parseInt(u, 10);
-  return Number.isNaN(c) || c < l ? null : c - l;
-}, At = (r, t = ae) => je(r, t) !== null, Mt = (r, t = ae) => {
-  const n = r.map((l) => je(l, t)).filter((l) => l !== null).sort((l, o) => l - o);
-  for (let l = 0; l < n.length; l++)
-    if (n[l] !== l)
-      return we(l, t);
-  return we(n.length, t);
-}, bt = (r, t = ae) => r.sort((n, l) => {
-  const o = je(n, t) ?? -1, i = je(l, t) ?? -1;
+  return Number.isNaN(c) || c < s ? null : c - s;
+}, tn = (r, e = ie) => Pe(r, e) !== null, nn = (r, e = ie) => {
+  const n = r.map((s) => Pe(s, e)).filter((s) => s !== null).sort((s, o) => s - o);
+  for (let s = 0; s < n.length; s++)
+    if (n[s] !== s)
+      return je(s, e);
+  return je(n.length, e);
+}, Lt = (r, e = ie) => r.sort((n, s) => {
+  const o = Pe(n, e) ?? -1, i = Pe(s, e) ?? -1;
   return o - i;
-}), Rt = (r, t = ae) => {
+}), rn = (r, e = ie) => {
   const n = {};
-  return r.forEach((l, o) => {
-    const i = we(o, t);
-    n[l] = i;
+  return r.forEach((s, o) => {
+    const i = je(o, e);
+    n[s] = i;
   }), n;
-}, vt = (r, t, n = ae) => {
-  const l = [];
+}, Wt = (r, e, n = ie) => {
+  const s = [];
   Object.values(r).forEach((u) => {
-    l.push(...u);
+    s.push(...u);
   });
-  const o = {}, i = Ve(t, n);
+  const o = {}, i = Qe(e, n);
   return i.forEach((u) => {
     o[u] = [];
-  }), l.forEach((u, c) => {
-    const m = c % t, S = i[m];
-    o[S].push(u);
+  }), s.forEach((u, c) => {
+    const h = c % e, N = i[h];
+    o[N].push(u);
   }), o;
-}, Lt = ({ initialColumns: r, initialPanels: t, debug: n = {}, onLayoutChange: l }) => {
+}, sn = ({ initialColumns: r, initialPanels: e, debug: n = {}, onLayoutChange: s }) => {
   const [o, i] = te(() => {
     const f = {};
-    for (const g of r)
-      f[g.id] = g.initialWidth || 400;
+    for (const x of r)
+      f[x.id] = x.initialWidth || 400;
     return {
       columns: r,
       columnWidths: f,
       isResizing: !1,
       resizingColumn: null,
-      columnPanels: t,
+      columnPanels: e,
       showInsertPlaceholders: !1
     };
   }), u = F(0), c = F(0);
   K(() => {
-    l?.(o);
-  }, [o, l]);
-  const m = w(
-    (f, g) => {
-      E(n, 1, "カラム追加:", f.id, "at position:", g), i((C) => {
-        const W = [...C.columns], x = g ?? W.length;
-        W.splice(x, 0, f);
-        const p = {
+    s?.(o);
+  }, [o, s]);
+  const h = w(
+    (f, x) => {
+      E(n, 1, "カラム追加:", f.id, "at position:", x), i((C) => {
+        const W = [...C.columns], p = x ?? W.length;
+        W.splice(p, 0, f);
+        const g = {
           ...C.columnWidths,
           [f.id]: f.initialWidth || 400
-        }, h = {
+        }, m = {
           ...C.columnPanels,
           [f.id]: []
         };
         return {
           ...C,
           columns: W,
-          columnWidths: p,
-          columnPanels: h
+          columnWidths: g,
+          columnPanels: m
         };
       });
     },
     [n]
-  ), S = w(
+  ), N = w(
     (f) => {
-      E(n, 1, "カラム削除:", f), i((g) => {
-        const C = g.columnPanels[f] || [], W = g.columns.filter((b) => b.id !== f);
+      E(n, 1, "カラム削除:", f), i((x) => {
+        const C = x.columnPanels[f] || [], W = x.columns.filter((v) => v.id !== f);
         if (W.length === 0)
-          return E(n, 1, "警告: 最後のカラムを削除しようとしています"), g;
-        const x = W[0].id, p = { ...g.columnPanels };
-        C.length > 0 && (p[x] = [...p[x], ...C]), delete p[f];
-        const h = { ...g.columnWidths };
-        return delete h[f], {
-          ...g,
+          return E(n, 1, "警告: 最後のカラムを削除しようとしています"), x;
+        const p = W[0].id, g = { ...x.columnPanels };
+        C.length > 0 && (g[p] = [...g[p], ...C]), delete g[f];
+        const m = { ...x.columnWidths };
+        return delete m[f], {
+          ...x,
           columns: W,
-          columnWidths: h,
-          columnPanels: p
+          columnWidths: m,
+          columnPanels: g
         };
       });
     },
     [n]
-  ), v = w(
-    (f, g) => {
-      E(n, 1, "カラム移動:", f, "->", g), i((C) => {
-        const W = [...C.columns], [x] = W.splice(f, 1);
-        return W.splice(g, 0, x), {
+  ), b = w(
+    (f, x) => {
+      E(n, 1, "カラム移動:", f, "->", x), i((C) => {
+        const W = [...C.columns], [p] = W.splice(f, 1);
+        return W.splice(x, 0, p), {
           ...C,
           columns: W
         };
       });
     },
     [n]
-  ), $ = w(
-    (f, g) => {
-      E(n, 2, "リサイズ開始:", f, "at X:", g), u.current = g, c.current = o.columnWidths[f] || 300, i((C) => ({
+  ), M = w(
+    (f, x) => {
+      E(n, 2, "リサイズ開始:", f, "at X:", x), u.current = x, c.current = o.columnWidths[f] || 300, i((C) => ({
         ...C,
         isResizing: !0,
         resizingColumn: f
       }));
     },
     [n, o.columnWidths]
-  ), M = w(
+  ), T = w(
     (f) => {
-      const { resizingColumn: g, isResizing: C } = o;
-      if (!(C && g)) return;
-      const W = f - u.current, x = Math.max(100, Math.min(800, c.current + W));
-      E(n, 2, "リサイズ中:", g, "new width:", x), i((p) => ({
-        ...p,
+      const { resizingColumn: x, isResizing: C } = o;
+      if (!(C && x)) return;
+      const W = f - u.current, p = Math.max(100, Math.min(800, c.current + W));
+      E(n, 2, "リサイズ中:", x, "new width:", p), i((g) => ({
+        ...g,
         columnWidths: {
-          ...p.columnWidths,
-          [g]: x
+          ...g.columnWidths,
+          [x]: p
         }
       }));
     },
@@ -1402,63 +1549,63 @@ const Ct = ({
       isResizing: !1,
       resizingColumn: null
     }));
-  }, [n]), a = w(
-    (f, g) => {
-      E(n, 2, "カラム幅設定:", f, g), i((C) => ({
+  }, [n]), l = w(
+    (f, x) => {
+      E(n, 2, "カラム幅設定:", f, x), i((C) => ({
         ...C,
         columnWidths: {
           ...C.columnWidths,
-          [f]: Math.max(100, Math.min(800, g))
+          [f]: Math.max(100, Math.min(800, x))
         }
       }));
     },
     [n]
   ), j = w(() => {
     E(n, 1, "カラム幅リセット"), i((f) => {
-      const g = {};
+      const x = {};
       for (const C of f.columns)
-        g[C.id] = C.initialWidth || 400;
+        x[C.id] = C.initialWidth || 400;
       return {
         ...f,
-        columnWidths: g
+        columnWidths: x
       };
     });
-  }, [n]), D = w(
-    (f, g, C, W) => {
-      E(n, 1, "パネル移動:", f, "from", g, "to", C, "at", W), i((x) => {
-        const p = { ...x.columnPanels };
-        if (g in p && (p[g] = p[g].filter((h) => h !== f)), C in p) {
-          const h = [...p[C]];
-          h.splice(W, 0, f), p[C] = h;
+  }, [n]), k = w(
+    (f, x, C, W) => {
+      E(n, 1, "パネル移動:", f, "from", x, "to", C, "at", W), i((p) => {
+        const g = { ...p.columnPanels };
+        if (x in g && (g[x] = g[x].filter((m) => m !== f)), C in g) {
+          const m = [...g[C]];
+          m.splice(W, 0, f), g[C] = m;
         }
         return {
-          ...x,
-          columnPanels: p
+          ...p,
+          columnPanels: g
         };
       });
     },
     [n]
-  ), R = w(
-    (f, g, C) => {
-      E(n, 1, "パネル追加:", f, "to column:", g), i((W) => {
-        const x = { ...W.columnPanels };
-        g in x || (x[g] = []);
-        const p = [...x[g]], h = C ?? p.length;
-        return p.splice(h, 0, f), x[g] = p, {
+  ), _ = w(
+    (f, x, C) => {
+      E(n, 1, "パネル追加:", f, "to column:", x), i((W) => {
+        const p = { ...W.columnPanels };
+        x in p || (p[x] = []);
+        const g = [...p[x]], m = C ?? g.length;
+        return g.splice(m, 0, f), p[x] = g, {
           ...W,
-          columnPanels: x
+          columnPanels: p
         };
       });
     },
     [n]
-  ), L = w(
+  ), R = w(
     (f) => {
-      E(n, 1, "パネル削除:", f), i((g) => {
+      E(n, 1, "パネル削除:", f), i((x) => {
         const C = {};
-        for (const [W, x] of Object.entries(g.columnPanels))
-          C[W] = x.filter((p) => p !== f);
+        for (const [W, p] of Object.entries(x.columnPanels))
+          C[W] = p.filter((g) => g !== f);
         return {
-          ...g,
+          ...x,
           columnPanels: C
         };
       });
@@ -1466,54 +1613,54 @@ const Ct = ({
     [n]
   ), z = w(
     (f) => {
-      E(n, 1, "カラム数更新:", f), i((g) => {
-        const C = g.columns.length;
-        if (f === C) return g;
-        const W = vt(g.columnPanels, f, ae), x = Ve(f, ae), p = g.isResizing && g.resizingColumn && !x.includes(g.resizingColumn);
-        p && E(n, 1, "リサイズ中のカラムが削除されるためリサイズを強制終了:", g.resizingColumn);
-        const h = x.map((A, H) => ({
-          id: A,
+      E(n, 1, "カラム数更新:", f), i((x) => {
+        const C = x.columns.length;
+        if (f === C) return x;
+        const W = Wt(x.columnPanels, f, ie), p = Qe(f, ie), g = x.isResizing && x.resizingColumn && !p.includes(x.resizingColumn);
+        g && E(n, 1, "リサイズ中のカラムが削除されるためリサイズを強制終了:", x.resizingColumn);
+        const m = p.map((O, H) => ({
+          id: O,
           title: `カラム ${H + 1}`,
           minWidth: 350,
           maxWidth: 800,
           initialWidth: 400,
           resizable: !(H === 1 && f === 3)
-        })), b = {};
-        if (Object.entries(g.columnWidths).some(([, A]) => A !== 400))
-          x.forEach((A) => {
-            const H = g.columnWidths[A];
-            H && H !== 400 ? b[A] = H : b[A] = 400;
+        })), v = {};
+        if (Object.entries(x.columnWidths).some(([, O]) => O !== 400))
+          p.forEach((O) => {
+            const H = x.columnWidths[O];
+            H && H !== 400 ? v[O] = H : v[O] = 400;
           });
         else {
-          const A = C > f ? Object.values(g.columnWidths).reduce((s, d) => s + d, 0) : f * 400, H = Math.max(A / f, 350);
-          x.forEach((s) => {
-            b[s] = H;
+          const O = C > f ? Object.values(x.columnWidths).reduce((a, d) => a + d, 0) : f * 400, H = Math.max(O / f, 350);
+          p.forEach((a) => {
+            v[a] = H;
           });
         }
         return {
-          ...g,
-          columns: h,
+          ...x,
+          columns: m,
           columnPanels: W,
-          columnWidths: b,
-          isResizing: p ? !1 : g.isResizing,
-          resizingColumn: p ? null : g.resizingColumn
+          columnWidths: v,
+          isResizing: g ? !1 : x.isResizing,
+          resizingColumn: g ? null : x.resizingColumn
         };
       });
     },
     [n]
   ), Z = w(() => {
     E(n, 1, "カラム自動バランス調整"), i((f) => {
-      const g = [];
-      for (const x of Object.keys(f.columnPanels))
-        for (const p of f.columnPanels[x])
-          g.push(p);
+      const x = [];
+      for (const p of Object.keys(f.columnPanels))
+        for (const g of f.columnPanels[p])
+          x.push(g);
       const C = {};
-      for (const x of f.columns)
-        C[x.id] = [];
+      for (const p of f.columns)
+        C[p.id] = [];
       let W = 0;
-      for (const x of g) {
-        const p = f.columns[W % f.columns.length].id;
-        C[p].push(x), W += 1;
+      for (const p of x) {
+        const g = f.columns[W % f.columns.length].id;
+        C[g].push(p), W += 1;
       }
       return {
         ...f,
@@ -1521,85 +1668,85 @@ const Ct = ({
       };
     });
   }, [n]), Y = w(
-    (f) => o.columns.find((g) => g.id === f),
+    (f) => o.columns.find((x) => x.id === f),
     [o.columns]
   ), U = w(() => {
     let f = 0;
-    for (const g of Object.values(o.columnWidths))
-      f += g;
+    for (const x of Object.values(o.columnWidths))
+      f += x;
     return f;
-  }, [o.columnWidths]), O = w((f) => document.querySelector(`[data-column-id="${f}"]`), []), _ = w((f) => {
-    i((g) => ({
-      ...g,
+  }, [o.columnWidths]), $ = w((f) => document.querySelector(`[data-column-id="${f}"]`), []), L = w((f) => {
+    i((x) => ({
+      ...x,
       showInsertPlaceholders: f
     }));
   }, []);
   return {
     layoutState: o,
-    addColumn: m,
-    removeColumn: S,
-    moveColumn: v,
-    startResize: $,
-    handleResize: M,
+    addColumn: h,
+    removeColumn: N,
+    moveColumn: b,
+    startResize: M,
+    handleResize: T,
     endResize: y,
-    setColumnWidth: a,
+    setColumnWidth: l,
     resetColumnWidths: j,
-    movePanel: D,
-    addPanel: R,
-    removePanel: L,
+    movePanel: k,
+    addPanel: _,
+    removePanel: R,
     updateColumnCount: z,
     autoBalanceColumns: Z,
     getColumnById: Y,
     getTotalWidth: U,
-    getColumnElement: O,
-    setShowInsertPlaceholders: _
+    getColumnElement: $,
+    setShowInsertPlaceholders: L
   };
-}, Pe = {
+}, ke = {
   triggerDistance: 80,
   scrollSpeed: 5,
   maxScrollSpeed: 20
-}, Ye = (r, t, n = Pe, l) => {
+}, He = (r, e, n = ke, s) => {
   const { triggerDistance: o, scrollSpeed: i, maxScrollSpeed: u } = n;
   let c;
-  l ? c = l.getBoundingClientRect() : c = new DOMRect(0, 0, window.innerWidth, window.innerHeight);
-  const { left: m, top: S, right: v, bottom: $ } = c;
-  let M = 0, y = 0;
-  if (r >= m && r <= v && t >= S && t <= $) {
-    if (r < m + o) {
-      const a = Math.max(0, (m + o - r) / o);
-      M = -Math.min(u, i + a * (u - i));
-    } else if (r > v - o) {
-      const a = Math.max(0, (r - (v - o)) / o);
-      M = Math.min(u, i + a * (u - i));
+  s ? c = s.getBoundingClientRect() : c = new DOMRect(0, 0, window.innerWidth, window.innerHeight);
+  const { left: h, top: N, right: b, bottom: M } = c;
+  let T = 0, y = 0;
+  if (r >= h && r <= b && e >= N && e <= M) {
+    if (r < h + o) {
+      const l = Math.max(0, (h + o - r) / o);
+      T = -Math.min(u, i + l * (u - i));
+    } else if (r > b - o) {
+      const l = Math.max(0, (r - (b - o)) / o);
+      T = Math.min(u, i + l * (u - i));
     }
-    if (t < S + o) {
-      const a = Math.max(0, (S + o - t) / o);
-      y = -Math.min(u, i + a * (u - i));
-    } else if (t > $ - o) {
-      const a = Math.max(0, (t - ($ - o)) / o);
-      y = Math.min(u, i + a * (u - i));
+    if (e < N + o) {
+      const l = Math.max(0, (N + o - e) / o);
+      y = -Math.min(u, i + l * (u - i));
+    } else if (e > M - o) {
+      const l = Math.max(0, (e - (M - o)) / o);
+      y = Math.min(u, i + l * (u - i));
     }
   }
-  return { x: M, y };
-}, yt = (r, t) => {
-  (r.x !== 0 || r.y !== 0) && (t ? t.scrollBy(r.x, r.y) : window.scrollBy(r.x, r.y));
+  return { x: T, y };
+}, zt = (r, e) => {
+  (r.x !== 0 || r.y !== 0) && (e ? e.scrollBy(r.x, r.y) : window.scrollBy(r.x, r.y));
 };
-class Be {
-  constructor(t = Pe, n) {
-    this.intervalId = null, this.isActive = !1, this.config = t, this.scrollElement = n;
+class Ke {
+  constructor(e = ke, n) {
+    this.intervalId = null, this.isActive = !1, this.config = e, this.scrollElement = n;
   }
-  setScrollElement(t) {
-    this.scrollElement = t;
+  setScrollElement(e) {
+    this.scrollElement = e;
   }
-  start(t, n) {
+  start(e, n) {
     this.isActive || (this.isActive = !0, this.intervalId = window.setInterval(() => {
-      const l = Ye(t, n, this.config, this.scrollElement);
-      yt(l, this.scrollElement);
+      const s = He(e, n, this.config, this.scrollElement);
+      zt(s, this.scrollElement);
     }, 16));
   }
-  update(t, n) {
-    const l = Ye(t, n, this.config, this.scrollElement);
-    (l.x !== 0 || l.y !== 0) && !this.isActive ? this.start(t, n) : l.x === 0 && l.y === 0 && this.isActive && this.stop();
+  update(e, n) {
+    const s = He(e, n, this.config, this.scrollElement);
+    (s.x !== 0 || s.y !== 0) && !this.isActive ? this.start(e, n) : s.x === 0 && s.y === 0 && this.isActive && this.stop();
   }
   stop() {
     this.intervalId !== null && (clearInterval(this.intervalId), this.intervalId = null), this.isActive = !1;
@@ -1607,202 +1754,202 @@ class Be {
   isScrolling() {
     return this.isActive;
   }
-  updateConfig(t) {
-    this.config = t;
+  updateConfig(e) {
+    this.config = e;
   }
 }
-const wt = ({
+const Yt = ({
   debugConfig: r,
-  dragState: t,
+  dragState: e,
   customDrag: n,
-  clickState: l,
+  clickState: s,
   dragModes: o,
   isMouseDown: i,
   dragOverPosition: u,
   setCustomDrag: c,
-  setDragState: m,
-  setDragOverPosition: S,
-  setOriginalPanelPosition: v,
-  setClickState: $,
-  setIsMouseDown: M,
+  setDragState: h,
+  setDragOverPosition: N,
+  setOriginalPanelPosition: b,
+  setClickState: M,
+  setIsMouseDown: T,
   findPanelPosition: y,
-  performPanelMove: a,
+  performPanelMove: l,
   showMousePosition: j,
-  updateMousePosition: D,
-  recordMouseDown: R,
-  recordClickPosition: L,
+  updateMousePosition: k,
+  recordMouseDown: _,
+  recordClickPosition: R,
   isVirtualClick: z,
   calculateMoveDistance: Z,
   clearMouseTracking: Y,
   resetDragState: U,
-  resetClickState: O,
-  createDragImage: _,
+  resetClickState: $,
+  createDragImage: L,
   updateDragImagePosition: f,
-  removeDragImage: g,
+  removeDragImage: x,
   handlePlaceholderDragEnter: C,
   handlePlaceholderDragLeave: W
 }) => {
-  const x = F(r);
-  x.current = r;
-  const p = F(null), h = F(null), b = F(0), N = F(new Be(Pe));
+  const p = F(r);
+  p.current = r;
+  const g = F(null), m = F(null), v = F(0), D = F(new Ke(ke));
   K(() => {
     const d = document.querySelector("main[data-aqdd-scroll-root]");
-    d && N.current.setScrollElement(d);
+    d && D.current.setScrollElement(d);
   }, []);
-  const T = F(u);
+  const A = F(u);
   K(() => {
-    T.current = u, E(x.current, 2, "dragOverPositionRef更新:", u);
+    A.current = u, E(p.current, 2, "dragOverPositionRef更新:", u);
   }, [u]);
-  const A = w(
+  const O = w(
     (d) => {
-      if (n.isActive || l.isClicked) {
+      if (n.isActive || s.isClicked) {
         d.preventDefault();
-        const k = window.getSelection();
-        k && k.rangeCount > 0 && k.removeAllRanges();
+        const S = window.getSelection();
+        S && S.rangeCount > 0 && S.removeAllRanges();
       }
       if (n.isActive) {
-        D(d.clientX, d.clientY), f(d.clientX, d.clientY), N.current.update(d.clientX, d.clientY);
-        const k = document.elementFromPoint(d.clientX, d.clientY), X = k?.closest("[data-drop-zone]");
+        k(d.clientX, d.clientY), f(d.clientX, d.clientY), D.current.update(d.clientX, d.clientY);
+        const S = document.elementFromPoint(d.clientX, d.clientY), X = S?.closest("[data-drop-zone]");
         if (X) {
           document.body.classList.add("droppable");
           const G = X.getAttribute("data-column-index"), Q = G ? parseInt(G, 10) : null;
-          Q !== null && Q !== t.dragOverColumn && m((re) => ({ ...re, dragOverColumn: Q }));
-          const B = k?.closest("[data-placeholder-index]");
-          if (B) {
-            const re = B.getAttribute("data-placeholder-index"), ie = B.getAttribute("data-placeholder-column");
-            if (re && ie) {
-              const se = parseInt(re, 10), ge = parseInt(ie, 10);
+          Q !== null && Q !== e.dragOverColumn && h((re) => ({ ...re, dragOverColumn: Q }));
+          const V = S?.closest("[data-placeholder-index]");
+          if (V) {
+            const re = V.getAttribute("data-placeholder-index"), ce = V.getAttribute("data-placeholder-column");
+            if (re && ce) {
+              const se = parseInt(re, 10), ge = parseInt(ce, 10);
               C(ge, se);
             }
           } else
             W();
         } else
-          document.body.classList.remove("droppable"), S(null), m((G) => ({ ...G, dragOverColumn: null }));
-      } else if (i && l.isClicked && l.panelId) {
-        if (o[l.panelId] !== "custom" || Z(d.clientX, d.clientY) < 10) return;
-        E(x.current, 1, "🚀 カスタムドラッグ開始 -", l.panelId);
-        const X = document.querySelector(`[data-panel-id="${l.panelId}"]`);
-        if (X && h.current) {
-          const G = X.getBoundingClientRect(), Q = h.current.x - G.left, B = h.current.y - G.top;
-          _(l.panelId, Q, B), document.body.classList.add("custom-dragging"), c({
+          document.body.classList.remove("droppable"), N(null), h((G) => ({ ...G, dragOverColumn: null }));
+      } else if (i && s.isClicked && s.panelId) {
+        if (o[s.panelId] !== "custom" || Z(d.clientX, d.clientY) < 10) return;
+        E(p.current, 1, "🚀 カスタムドラッグ開始 -", s.panelId);
+        const X = document.querySelector(`[data-panel-id="${s.panelId}"]`);
+        if (X && m.current) {
+          const G = X.getBoundingClientRect(), Q = m.current.x - G.left, V = m.current.y - G.top;
+          L(s.panelId, Q, V), document.body.classList.add("custom-dragging"), c({
             isActive: !0,
-            panelId: l.panelId,
+            panelId: s.panelId,
             startX: Q,
-            startY: B
+            startY: V
           });
         }
-        m({ isDragging: !0, draggedPanel: l.panelId, dragOverColumn: null }), v(y(l.panelId)), j(d.clientX, d.clientY), $({ isClicked: !1, panelId: null }), M(!1), Y(), h.current = null, p.current && (clearTimeout(p.current), p.current = null);
+        h({ isDragging: !0, draggedPanel: s.panelId, dragOverColumn: null }), b(y(s.panelId)), j(d.clientX, d.clientY), M({ isClicked: !1, panelId: null }), T(!1), Y(), m.current = null, g.current && (clearTimeout(g.current), g.current = null);
       }
     },
     [
       n.isActive,
-      l,
-      t.dragOverColumn,
+      s,
+      e.dragOverColumn,
       o,
       i,
-      D,
-      m,
-      S,
+      k,
+      h,
+      N,
       Z,
       y,
       c,
-      v,
+      b,
       j,
-      $,
       M,
+      T,
       Y,
-      _,
+      L,
       f,
       C,
       W
     ]
   ), H = w(
     (d) => {
-      if (E(x.current, 1, "🐭 カスタムドラッグハンドラー - グローバルマウスアップ", {
+      if (E(p.current, 1, "🐭 カスタムドラッグハンドラー - グローバルマウスアップ", {
         isActive: n.isActive,
         panelId: n.panelId,
         dragMode: n.panelId ? o[n.panelId] : "unknown"
       }), n.isActive) {
-        N.current.stop();
-        const k = T.current;
-        if (k) {
+        D.current.stop();
+        const S = A.current;
+        if (S) {
           const G = document.elementFromPoint(d.clientX, d.clientY)?.closest("[data-drop-zone]");
           if (G) {
             const Q = G.getAttribute("data-column-key");
-            Q && o[n.panelId] === "custom" ? (E(x.current, 1, "🔄 カスタムドラッグパネル移動実行:", n.panelId, "→", Q), a(n.panelId, Q, k.insertIndex)) : E(x.current, 1, "🚫 カスタムドラッグパネル移動スキップ:", n.panelId, "モード:", o[n.panelId]);
+            Q && o[n.panelId] === "custom" ? (E(p.current, 1, "🔄 カスタムドラッグパネル移動実行:", n.panelId, "→", Q), l(n.panelId, Q, S.insertIndex)) : E(p.current, 1, "🚫 カスタムドラッグパネル移動スキップ:", n.panelId, "モード:", o[n.panelId]);
           }
         }
-        g(), document.body.classList.remove("custom-dragging", "droppable"), U(), b.current = 0;
+        x(), document.body.classList.remove("custom-dragging", "droppable"), U(), v.current = 0;
       } else if (z(d.clientX, d.clientY)) {
         const X = document.elementFromPoint(d.clientX, d.clientY)?.closest("[data-panel-id]"), G = X?.getAttribute("data-panel-id") ?? null;
         if (!(X && G) || o[G] !== "custom") {
-          p.current && (clearTimeout(p.current), p.current = null), O(), h.current = null, b.current = 0;
+          g.current && (clearTimeout(g.current), g.current = null), $(), m.current = null, v.current = 0;
           return;
         }
-        b.current += 1, l.isClicked === !1 && b.current === 1 ? (E(x.current, 1, "🖱️ 仮想クリック検出 - ドラッグ待機状態へ:", G), $({ isClicked: !0, panelId: G }), p.current = window.setTimeout(() => {
-          E(x.current, 1, "⏳ クリック待機状態を自動解除:", G), O(), h.current = null, b.current = 0;
-        }, 2e3)) : (E(x.current, 1, "🚫 クリック待機状態を解除 - 仮想クリック検出停止:", G), p.current && (clearTimeout(p.current), p.current = null), O(), h.current = null, b.current = 0, p.current = window.setTimeout(() => {
-          E(x.current, 1, "⏳ 仮想クリック検出再開:", G);
+        v.current += 1, s.isClicked === !1 && v.current === 1 ? (E(p.current, 1, "🖱️ 仮想クリック検出 - ドラッグ待機状態へ:", G), M({ isClicked: !0, panelId: G }), g.current = window.setTimeout(() => {
+          E(p.current, 1, "⏳ クリック待機状態を自動解除:", G), $(), m.current = null, v.current = 0;
+        }, 2e3)) : (E(p.current, 1, "🚫 クリック待機状態を解除 - 仮想クリック検出停止:", G), g.current && (clearTimeout(g.current), g.current = null), $(), m.current = null, v.current = 0, g.current = window.setTimeout(() => {
+          E(p.current, 1, "⏳ 仮想クリック検出再開:", G);
         }, 2e3));
-      } else l.isClicked && (O(), h.current = null, b.current = 0);
-      i && M(!1);
+      } else s.isClicked && ($(), m.current = null, v.current = 0);
+      i && T(!1);
     },
-    [n.isActive, n.panelId, l, o, i, a, U, O, z, $, M, g]
-  ), s = w(
-    (d, k) => {
-      if (o[k] !== "custom") {
-        E(x.current, 1, "🚫 カスタムドラッグモードではない - スキップ:", k);
+    [n.isActive, n.panelId, s, o, i, l, U, $, z, M, T, x]
+  ), a = w(
+    (d, S) => {
+      if (o[S] !== "custom") {
+        E(p.current, 1, "🚫 カスタムドラッグモードではない - スキップ:", S);
         return;
       }
-      R(d.clientX, d.clientY), l.isClicked && l.panelId === k && (M(!0), p.current !== null && (clearTimeout(p.current), p.current = null), L(d.clientX, d.clientY), h.current = { x: d.clientX, y: d.clientY });
+      _(d.clientX, d.clientY), s.isClicked && s.panelId === S && (T(!0), g.current !== null && (clearTimeout(g.current), g.current = null), R(d.clientX, d.clientY), m.current = { x: d.clientX, y: d.clientY });
     },
-    [l, o, R, M, L]
+    [s, o, _, T, R]
   );
   return K(() => () => {
-    p.current !== null && clearTimeout(p.current), N.current.stop();
+    g.current !== null && clearTimeout(g.current), D.current.stop();
   }, []), {
-    handleGlobalMouseMove: A,
+    handleGlobalMouseMove: O,
     handleGlobalMouseUp: H,
-    handleMouseDown: s
+    handleMouseDown: a
   };
-}, jt = () => {
-  const [r, t] = te({
+}, Ft = () => {
+  const [r, e] = te({
     isDragging: !1,
     draggedPanel: null,
     dragOverColumn: null
-  }), [n, l] = te(null), [o, i] = te(null), [u, c] = te({
+  }), [n, s] = te(null), [o, i] = te(null), [u, c] = te({
     isActive: !1,
     panelId: "",
     startX: 0,
     startY: 0
-  }), [m, S] = te({
+  }), [h, N] = te({
     isClicked: !1,
     panelId: null
-  }), [v, $] = te({
+  }), [b, M] = te({
     isTouchDragging: !1,
     startX: 0,
     startY: 0,
     currentX: 0,
     currentY: 0,
     draggedElement: null
-  }), [M, y] = te(!1), a = w(() => {
-    c({ isActive: !1, panelId: "", startX: 0, startY: 0 }), t({ isDragging: !1, draggedPanel: null, dragOverColumn: null }), l(null), i(null);
+  }), [T, y] = te(!1), l = w(() => {
+    c({ isActive: !1, panelId: "", startX: 0, startY: 0 }), e({ isDragging: !1, draggedPanel: null, dragOverColumn: null }), s(null), i(null);
   }, []), j = w(() => {
-    S({ isClicked: !1, panelId: null }), y(!1);
-  }, []), D = w((O) => {
-    t(O);
-  }, []), R = w((O) => {
-    l(O);
-  }, []), L = w((O) => {
-    i(O);
-  }, []), z = w((O) => {
-    c(O);
-  }, []), Z = w((O) => {
-    S(O);
-  }, []), Y = w((O) => {
-    $(O);
-  }, []), U = w((O) => {
-    y(O);
+    N({ isClicked: !1, panelId: null }), y(!1);
+  }, []), k = w(($) => {
+    e($);
+  }, []), _ = w(($) => {
+    s($);
+  }, []), R = w(($) => {
+    i($);
+  }, []), z = w(($) => {
+    c($);
+  }, []), Z = w(($) => {
+    N($);
+  }, []), Y = w(($) => {
+    M($);
+  }, []), U = w(($) => {
+    y($);
   }, []);
   return {
     // States / 状態
@@ -1810,194 +1957,194 @@ const wt = ({
     dragOverPosition: n,
     originalPanelPosition: o,
     customDrag: u,
-    clickState: m,
-    touchDragState: v,
-    isMouseDown: M,
+    clickState: h,
+    touchDragState: b,
+    isMouseDown: T,
     // Stabilized Setters / 安定化されたセッター
-    setDragState: D,
-    setDragOverPosition: R,
-    setOriginalPanelPosition: L,
+    setDragState: k,
+    setDragOverPosition: _,
+    setOriginalPanelPosition: R,
     setCustomDrag: z,
     setClickState: Z,
     setTouchDragState: Y,
     setIsMouseDown: U,
     // Utility Functions / ユーティリティ関数
-    resetDragState: a,
+    resetDragState: l,
     resetClickState: j
   };
-}, Pt = () => {
-  const [r, t] = te({
+}, Xt = () => {
+  const [r, e] = te({
     x: 0,
     y: 0,
     isVisible: !1
-  }), n = F(null), l = F(0), o = F(null), i = w((y, a) => {
-    t({ x: y, y: a, isVisible: !0 });
+  }), n = F(null), s = F(0), o = F(null), i = w((y, l) => {
+    e({ x: y, y: l, isVisible: !0 });
   }, []), u = w(() => {
-    t((y) => ({ ...y, isVisible: !1 }));
-  }, []), c = w((y, a) => {
-    t((j) => j.x === y && j.y === a ? j : {
+    e((y) => ({ ...y, isVisible: !1 }));
+  }, []), c = w((y, l) => {
+    e((j) => j.x === y && j.y === l ? j : {
       x: y,
-      y: a,
+      y: l,
       isVisible: j.isVisible
     });
-  }, []), m = w((y, a) => {
-    l.current = Date.now(), o.current = { x: y, y: a };
-  }, []), S = w((y, a) => {
-    n.current = { x: y, y: a };
-  }, []), v = w((y, a, j = 500, D = 5) => Date.now() - (l.current || 0) >= j || !o.current ? !1 : Math.sqrt((y - o.current.x) ** 2 + (a - o.current.y) ** 2) < D, []), $ = w((y, a) => {
+  }, []), h = w((y, l) => {
+    s.current = Date.now(), o.current = { x: y, y: l };
+  }, []), N = w((y, l) => {
+    n.current = { x: y, y: l };
+  }, []), b = w((y, l, j = 500, k = 5) => Date.now() - (s.current || 0) >= j || !o.current ? !1 : Math.sqrt((y - o.current.x) ** 2 + (l - o.current.y) ** 2) < k, []), M = w((y, l) => {
     if (!n.current)
       return 0;
-    const j = Math.abs(y - n.current.x), D = Math.abs(a - n.current.y);
-    return Math.sqrt(j * j + D * D);
-  }, []), M = w(() => {
-    n.current = null, l.current = 0, o.current = null;
+    const j = Math.abs(y - n.current.x), k = Math.abs(l - n.current.y);
+    return Math.sqrt(j * j + k * k);
+  }, []), T = w(() => {
+    n.current = null, s.current = 0, o.current = null;
   }, []);
   return {
     mousePosition: r,
     lastClickPosition: n.current,
-    mouseDownTime: l.current,
+    mouseDownTime: s.current,
     mouseDownPosition: o.current,
     showMousePosition: i,
     hideMousePosition: u,
     updateMousePosition: c,
-    recordMouseDown: m,
-    recordClickPosition: S,
-    isVirtualClick: v,
-    calculateMoveDistance: $,
-    clearMouseTracking: M
+    recordMouseDown: h,
+    recordClickPosition: N,
+    isVirtualClick: b,
+    calculateMoveDistance: M,
+    clearMouseTracking: T
   };
-}, Dt = ({
+}, Ht = ({
   debugConfig: r,
-  dragState: t,
+  dragState: e,
   customDrag: n,
-  dragModes: l,
+  dragModes: s,
   columnPanels: o,
   dragOverPosition: i,
   originalPanelPosition: u,
   setDragState: c,
-  setDragOverPosition: m,
-  setOriginalPanelPosition: S,
-  performPanelMove: v,
-  showMousePosition: $,
-  updateMousePosition: M,
+  setDragOverPosition: h,
+  setOriginalPanelPosition: N,
+  performPanelMove: b,
+  showMousePosition: M,
+  updateMousePosition: T,
   resetDragState: y,
-  handlePlaceholderDragEnter: a,
+  handlePlaceholderDragEnter: l,
   handlePlaceholderDragLeave: j,
-  scale: D = 1
+  scale: k = 1
 }) => {
-  const R = F(r);
-  R.current = r;
-  const L = F(o);
-  L.current = o;
-  const z = F(t);
-  z.current = t;
+  const _ = F(r);
+  _.current = r;
+  const R = F(o);
+  R.current = o;
+  const z = F(e);
+  z.current = e;
   const Z = F(i);
   Z.current = i;
   const Y = F(u);
   Y.current = u;
-  const U = F(D);
-  U.current = D;
-  const O = F(new Be(Pe));
+  const U = F(k);
+  U.current = k;
+  const $ = F(new Ke(ke));
   K(() => {
-    const x = document.querySelector("main[data-aqdd-scroll-root]");
-    x && O.current.setScrollElement(x);
+    const p = document.querySelector("main[data-aqdd-scroll-root]");
+    p && $.current.setScrollElement(p);
   }, []);
-  const _ = w(
-    (x, p) => {
+  const L = w(
+    (p, g) => {
       if (n.isActive) {
-        E(R.current, 2, "カスタムドラッグアクティブ中 - 通常ドラッグを無効化:", p), x.preventDefault();
+        E(_.current, 2, "カスタムドラッグアクティブ中 - 通常ドラッグを無効化:", g), p.preventDefault();
         return;
       }
-      if (l[p] === "custom") {
-        E(R.current, 2, "カスタムドラッグモード - 通常ドラッグを無効化:", p), x.preventDefault();
+      if (s[g] === "custom") {
+        E(_.current, 2, "カスタムドラッグモード - 通常ドラッグを無効化:", g), p.preventDefault();
         return;
       }
-      E(R.current, 1, "ドラッグ開始:", p);
-      const h = Object.keys(L.current);
-      let b = null;
-      for (let N = 0; N < h.length; N++) {
-        const T = h[N], A = L.current[T].indexOf(p);
-        if (A !== -1) {
-          b = { columnIndex: N, panelIndex: A };
+      E(_.current, 1, "ドラッグ開始:", g);
+      const m = Object.keys(R.current);
+      let v = null;
+      for (let D = 0; D < m.length; D++) {
+        const A = m[D], O = R.current[A].indexOf(g);
+        if (O !== -1) {
+          v = { columnIndex: D, panelIndex: O };
           break;
         }
       }
-      if (S(b), x.dataTransfer) {
-        x.dataTransfer.setData("text/plain", p), x.dataTransfer.effectAllowed = "move";
-        const N = U.current;
-        if (N < 1) {
-          const T = x.currentTarget.closest("[data-panel-id]") ?? x.currentTarget, A = T.getBoundingClientRect(), H = T.offsetWidth, s = T.offsetHeight, d = T.cloneNode(!0);
-          d.removeAttribute("data-panel-id"), d.removeAttribute("id"), d.style.margin = "0", d.style.width = `${H}px`, d.style.height = `${s}px`, d.style.transform = `scale(${N})`, d.style.transformOrigin = "top left";
-          const k = document.createElement("div");
-          k.style.position = "fixed", k.style.top = "0", k.style.left = "-10000px", k.style.width = `${H * N}px`, k.style.height = `${s * N}px`, k.style.overflow = "hidden", k.style.opacity = "0.8", k.style.pointerEvents = "none", k.appendChild(d), document.body.appendChild(k), x.dataTransfer.setDragImage(k, x.clientX - A.left, x.clientY - A.top), requestAnimationFrame(() => k.remove());
+      if (N(v), p.dataTransfer) {
+        p.dataTransfer.setData("text/plain", g), p.dataTransfer.effectAllowed = "move";
+        const D = U.current;
+        if (D < 1) {
+          const A = p.currentTarget.closest("[data-panel-id]") ?? p.currentTarget, O = A.getBoundingClientRect(), H = A.offsetWidth, a = A.offsetHeight, d = A.cloneNode(!0);
+          d.removeAttribute("data-panel-id"), d.removeAttribute("id"), d.style.margin = "0", d.style.width = `${H}px`, d.style.height = `${a}px`, d.style.transform = `scale(${D})`, d.style.transformOrigin = "top left";
+          const S = document.createElement("div");
+          S.style.position = "fixed", S.style.top = "0", S.style.left = "-10000px", S.style.width = `${H * D}px`, S.style.height = `${a * D}px`, S.style.overflow = "hidden", S.style.opacity = "0.8", S.style.pointerEvents = "none", S.appendChild(d), document.body.appendChild(S), p.dataTransfer.setDragImage(S, p.clientX - O.left, p.clientY - O.top), requestAnimationFrame(() => S.remove());
         }
       }
-      $(x.clientX, x.clientY), requestAnimationFrame(() => {
+      M(p.clientX, p.clientY), requestAnimationFrame(() => {
         c({
           isDragging: !0,
-          draggedPanel: p,
+          draggedPanel: g,
           dragOverColumn: null
         });
       });
     },
-    [l, n.isActive, S, $, c]
+    [s, n.isActive, N, M, c]
   ), f = w(() => {
-    E(R.current, 1, "ドラッグ終了"), O.current.stop(), y();
-  }, [y]), g = w(
-    (x, p) => {
-      if (x.preventDefault(), x.dataTransfer.dropEffect = "move", !z.current.isDragging) return;
-      M(x.clientX, x.clientY), p !== z.current.dragOverColumn && c((N) => ({ ...N, dragOverColumn: p }));
-      const h = document.elementFromPoint(x.clientX, x.clientY), b = h?.closest("[data-placeholder-index]");
-      if (b) {
-        const N = b.getAttribute("data-placeholder-index"), T = b.getAttribute("data-placeholder-column");
-        if (N && T) {
-          const A = parseInt(N, 10), H = parseInt(T, 10);
-          a(H, A);
+    E(_.current, 1, "ドラッグ終了"), $.current.stop(), y();
+  }, [y]), x = w(
+    (p, g) => {
+      if (p.preventDefault(), p.dataTransfer.dropEffect = "move", !z.current.isDragging) return;
+      T(p.clientX, p.clientY), g !== z.current.dragOverColumn && c((D) => ({ ...D, dragOverColumn: g }));
+      const m = document.elementFromPoint(p.clientX, p.clientY), v = m?.closest("[data-placeholder-index]");
+      if (v) {
+        const D = v.getAttribute("data-placeholder-index"), A = v.getAttribute("data-placeholder-column");
+        if (D && A) {
+          const O = parseInt(D, 10), H = parseInt(A, 10);
+          l(H, O);
         }
       } else
-        h?.closest("[data-drop-zone]") || j();
+        m?.closest("[data-drop-zone]") || j();
     },
-    [M, c, a, j]
+    [T, c, l, j]
   ), C = w(
-    (x, p) => {
-      x.preventDefault();
-      const h = x.dataTransfer.getData("text/plain"), b = Z.current;
-      h && b && (E(R.current, 1, "🎯 ドロップ完了:", {
-        draggedPanel: h,
-        targetColumn: p,
-        insertPosition: `カラム${b.columnIndex} - 位置${b.insertIndex}`
-      }), v(h, p, b.insertIndex), m(null), f());
+    (p, g) => {
+      p.preventDefault();
+      const m = p.dataTransfer.getData("text/plain"), v = Z.current;
+      m && v && (E(_.current, 1, "🎯 ドロップ完了:", {
+        draggedPanel: m,
+        targetColumn: g,
+        insertPosition: `カラム${v.columnIndex} - 位置${v.insertIndex}`
+      }), b(m, g, v.insertIndex), h(null), f());
     },
-    [v, m, f]
+    [b, h, f]
   ), W = w(
-    (x) => {
-      const p = x.currentTarget, h = x.relatedTarget;
-      h && p.contains(h) || (m(null), c((b) => ({ ...b, dragOverColumn: null })));
+    (p) => {
+      const g = p.currentTarget, m = p.relatedTarget;
+      m && g.contains(m) || (h(null), c((v) => ({ ...v, dragOverColumn: null })));
     },
-    [m, c]
+    [h, c]
   );
   return K(() => {
-    const x = (p) => {
-      z.current.isDragging && (M(p.clientX, p.clientY), O.current.update(p.clientX, p.clientY));
+    const p = (g) => {
+      z.current.isDragging && (T(g.clientX, g.clientY), $.current.update(g.clientX, g.clientY));
     };
-    if (t.isDragging)
-      return document.addEventListener("dragover", x), () => {
-        document.removeEventListener("dragover", x), O.current.stop();
+    if (e.isDragging)
+      return document.addEventListener("dragover", p), () => {
+        document.removeEventListener("dragover", p), $.current.stop();
       };
-  }, [t.isDragging, M]), K(() => () => {
-    O.current.stop();
+  }, [e.isDragging, T]), K(() => () => {
+    $.current.stop();
   }, []), {
-    handleDragStart: _,
+    handleDragStart: L,
     handleDragEnd: f,
-    handleDragOverWithInsert: g,
+    handleDragOverWithInsert: x,
     handleDropWithInsert: C,
     handleColumnDragLeave: W
   };
-}, Nt = (r, t = 1) => {
-  const [n, l] = te(r), [o, i] = te({}), u = F({}), c = F(null), m = F({ x: 0, y: 0 }), S = F(t);
-  S.current = t;
-  const v = w((L) => document.querySelector(`[data-panel-id="${L}"]`), []), $ = w(
-    (L, z) => {
+}, qt = (r, e = 1) => {
+  const [n, s] = te(r), [o, i] = te({}), u = F({}), c = F(null), h = F({ x: 0, y: 0 }), N = F(e);
+  N.current = e;
+  const b = w((R) => document.querySelector(`[data-panel-id="${R}"]`), []), M = w(
+    (R, z) => {
       const Z = z.getBoundingClientRect(), Y = window.getComputedStyle(z), U = {
         width: Math.round(Z.width),
         height: Math.round(Z.height),
@@ -2005,44 +2152,44 @@ const wt = ({
         y: Math.round(Z.top),
         minHeight: Y.minHeight || "auto",
         maxHeight: Y.maxHeight || "none"
-      }, O = u.current[L];
-      (!O || Object.keys(U).some((_) => O[_] !== U[_])) && (u.current[L] = U, i((_) => ({
-        ..._,
-        [L]: U
+      }, $ = u.current[R];
+      (!$ || Object.keys(U).some((L) => $[L] !== U[L])) && (u.current[R] = U, i((L) => ({
+        ...L,
+        [R]: U
       })));
     },
     []
     // setPanelSizes は React の state セッターなので依存配列に含める必要はありません
-  ), M = w(
-    (L) => {
-      const z = v(L);
-      z && $(L, z);
+  ), T = w(
+    (R) => {
+      const z = b(R);
+      z && M(R, z);
     },
-    [v, $]
+    [b, M]
   ), y = w(
-    (L, z) => {
-      z && requestAnimationFrame(() => $(L, z));
+    (R, z) => {
+      z && requestAnimationFrame(() => M(R, z));
     },
-    [$]
-  ), a = w(
-    (L, z, Z) => {
-      const Y = v(L);
+    [M]
+  ), l = w(
+    (R, z, Z) => {
+      const Y = b(R);
       if (!Y || c.current) return;
-      const U = S.current, O = Y.getBoundingClientRect(), _ = Y.cloneNode(!0);
-      _.removeAttribute("data-panel-id"), _.style.position = "fixed", _.style.top = "0px", _.style.left = "0px", _.style.width = `${Y.offsetWidth}px`, _.style.height = `${Y.offsetHeight}px`, _.style.pointerEvents = "none", _.style.zIndex = "1000", _.style.opacity = "0.5", _.style.margin = "0", _.style.transition = "none", _.style.boxShadow = "0 8px 32px rgba(0,0,0,0.3)", _.style.transformOrigin = "top left", _.style.transform = `translate(${O.left}px, ${O.top}px) scale(${U})`, _.id = `drag-image-${L}`, document.body.appendChild(_), c.current = _, m.current = { x: z, y: Z };
+      const U = N.current, $ = Y.getBoundingClientRect(), L = Y.cloneNode(!0);
+      L.removeAttribute("data-panel-id"), L.style.position = "fixed", L.style.top = "0px", L.style.left = "0px", L.style.width = `${Y.offsetWidth}px`, L.style.height = `${Y.offsetHeight}px`, L.style.pointerEvents = "none", L.style.zIndex = "1000", L.style.opacity = "0.5", L.style.margin = "0", L.style.transition = "none", L.style.boxShadow = "0 8px 32px rgba(0,0,0,0.3)", L.style.transformOrigin = "top left", L.style.transform = `translate(${$.left}px, ${$.top}px) scale(${U})`, L.id = `drag-image-${R}`, document.body.appendChild(L), c.current = L, h.current = { x: z, y: Z };
     },
-    [v]
-  ), j = w((L, z) => {
+    [b]
+  ), j = w((R, z) => {
     if (c.current) {
-      const Z = L - m.current.x, Y = z - m.current.y;
-      c.current.style.transform = `translate(${Z}px, ${Y}px) scale(${S.current * 1.05})`;
+      const Z = R - h.current.x, Y = z - h.current.y;
+      c.current.style.transform = `translate(${Z}px, ${Y}px) scale(${N.current * 1.05})`;
     }
-  }, []), D = w(() => {
+  }, []), k = w(() => {
     c.current && (c.current.remove(), c.current = null);
-  }, []), R = w((L) => {
-    l((z) => ({
+  }, []), _ = w((R) => {
+    s((z) => ({
       ...z,
-      [L]: !z[L]
+      [R]: !z[R]
     }));
   }, []);
   return {
@@ -2050,105 +2197,105 @@ const wt = ({
     panelVisibility: n,
     panelSizes: o,
     // State update functions / 状態更新関数
-    setPanelVisibility: l,
+    setPanelVisibility: s,
     setPanelSizes: i,
     setPanelRef: y,
-    updatePanelSize: M,
-    togglePanelVisibility: R,
+    updatePanelSize: T,
+    togglePanelVisibility: _,
     // Utility functions / ユーティリティ関数
-    getPanelElement: v,
+    getPanelElement: b,
     // Functions for drag image management / ドラッグイメージ管理用の関数
-    createDragImage: a,
+    createDragImage: l,
     updateDragImagePosition: j,
-    removeDragImage: D
+    removeDragImage: k
   };
-}, _t = ({ initialColumnPanels: r, initialPanelVisibility: t, initialDragModes: n = {}, debugConfig: l, onPanelMove: o, onDragModeChange: i, onColumnPanelsChange: u, scale: c = 1 }) => {
-  const m = F(l);
-  m.current = l;
-  const [S, v] = te(r), [$, M] = te(n), y = F(S);
-  y.current = S;
-  const a = jt(), j = Pt(), D = Nt(t, c), R = F({
+}, on = ({ initialColumnPanels: r, initialPanelVisibility: e, initialDragModes: n = {}, debugConfig: s, onPanelMove: o, onDragModeChange: i, onColumnPanelsChange: u, scale: c = 1 }) => {
+  const h = F(s);
+  h.current = s;
+  const [N, b] = te(r), [M, T] = te(n), y = F(N);
+  y.current = N;
+  const l = Ft(), j = Xt(), k = qt(e, c), _ = F({
     mousemove: null,
     mouseup: null
-  }), L = w((h) => {
-    const b = Object.keys(y.current), N = bt(b, ae);
-    for (let T = 0; T < N.length; T++) {
-      const A = N[T], H = y.current[A]?.indexOf(h) ?? -1;
+  }), R = w((m) => {
+    const v = Object.keys(y.current), D = Lt(v, ie);
+    for (let A = 0; A < D.length; A++) {
+      const O = D[A], H = y.current[O]?.indexOf(m) ?? -1;
       if (H !== -1)
-        return { columnIndex: T, panelIndex: H };
+        return { columnIndex: A, panelIndex: H };
     }
     return null;
   }, []), z = w(
-    (h, b, N) => {
-      E(m.current, 1, "🔄 パネル移動実行:", h, "→", b, "@", N), v((T) => {
-        const A = { ...T }, H = Object.keys(A).find((s) => A[s].includes(h));
+    (m, v, D) => {
+      E(h.current, 1, "🔄 パネル移動実行:", m, "→", v, "@", D), b((A) => {
+        const O = { ...A }, H = Object.keys(O).find((a) => O[a].includes(m));
         if (!H)
-          return console.error("Source column not found for panel:", h), T;
-        if (!A[b])
-          return console.error("Target column not found:", b), T;
-        if (H === b) {
-          const s = [...A[H]], d = s.indexOf(h), [k] = s.splice(d, 1), X = d < N ? N - 1 : N;
-          s.splice(X, 0, k), A[b] = s;
+          return console.error("Source column not found for panel:", m), A;
+        if (!O[v])
+          return console.error("Target column not found:", v), A;
+        if (H === v) {
+          const a = [...O[H]], d = a.indexOf(m), [S] = a.splice(d, 1), X = d < D ? D - 1 : D;
+          a.splice(X, 0, S), O[v] = a;
         } else {
-          A[H] = A[H].filter((d) => d !== h);
-          const s = [...A[b]];
-          s.splice(N, 0, h), A[b] = s;
+          O[H] = O[H].filter((d) => d !== m);
+          const a = [...O[v]];
+          a.splice(D, 0, m), O[v] = a;
         }
-        if (E(m.current, 1, "✅ パネル移動完了:", h, "→", b), u && requestAnimationFrame(() => {
-          u(A);
+        if (E(h.current, 1, "✅ パネル移動完了:", m, "→", v), u && requestAnimationFrame(() => {
+          u(O);
         }), o) {
-          const s = Object.keys(T).find((d) => T[d].includes(h));
-          s && requestAnimationFrame(() => {
-            o(h, s, b, N);
+          const a = Object.keys(A).find((d) => A[d].includes(m));
+          a && requestAnimationFrame(() => {
+            o(m, a, v, D);
           });
         }
-        return A;
+        return O;
       });
     },
     [u, o]
   ), Z = w(
-    (h, b) => {
-      if (!(a.dragState.isDragging || a.customDrag.isActive)) return;
-      const N = a.originalPanelPosition;
-      if (N && N.columnIndex === h && (N.panelIndex === b || N.panelIndex + 1 === b)) {
-        E(m.current, 1, `元の位置への挿入をスキップ: カラム${h}, 位置${b}`);
+    (m, v) => {
+      if (!(l.dragState.isDragging || l.customDrag.isActive)) return;
+      const D = l.originalPanelPosition;
+      if (D && D.columnIndex === m && (D.panelIndex === v || D.panelIndex + 1 === v)) {
+        E(h.current, 1, `元の位置への挿入をスキップ: カラム${m}, 位置${v}`);
         return;
       }
-      const T = a.dragOverPosition;
-      (!T || T.columnIndex !== h || T.insertIndex !== b) && (E(m.current, 1, `プレースホルダーエンター: カラム${h}, 位置${b}`), a.setDragOverPosition({ columnIndex: h, insertIndex: b }), a.setDragState((A) => ({ ...A, dragOverColumn: h })));
+      const A = l.dragOverPosition;
+      (!A || A.columnIndex !== m || A.insertIndex !== v) && (E(h.current, 1, `プレースホルダーエンター: カラム${m}, 位置${v}`), l.setDragOverPosition({ columnIndex: m, insertIndex: v }), l.setDragState((O) => ({ ...O, dragOverColumn: m })));
     },
-    [a]
+    [l]
   ), Y = w(
-    (h, b, N) => {
-      if (a.dragState.isDragging || a.customDrag.isActive) {
-        if (a.customDrag.isActive)
-          E(m.current, 1, "🚫 カスタムドラッグ - プレースホルダーリーブ: ハイライトを解除します。"), a.setDragOverPosition(null);
-        else if (a.dragState.isDragging && h && b !== void 0 && N !== void 0) {
-          const T = a.dragOverPosition;
-          if (T && T.columnIndex === b && T.insertIndex === N) {
-            const A = h.currentTarget, H = h.relatedTarget;
-            H && A.contains(H) || (E(m.current, 1, `ノーマルドラッグ - プレースホルダーリーブ: カラム${b}, 位置${N}。ハイライトを解除します。`), a.setDragOverPosition(null));
+    (m, v, D) => {
+      if (l.dragState.isDragging || l.customDrag.isActive) {
+        if (l.customDrag.isActive)
+          E(h.current, 1, "🚫 カスタムドラッグ - プレースホルダーリーブ: ハイライトを解除します。"), l.setDragOverPosition(null);
+        else if (l.dragState.isDragging && m && v !== void 0 && D !== void 0) {
+          const A = l.dragOverPosition;
+          if (A && A.columnIndex === v && A.insertIndex === D) {
+            const O = m.currentTarget, H = m.relatedTarget;
+            H && O.contains(H) || (E(h.current, 1, `ノーマルドラッグ - プレースホルダーリーブ: カラム${v}, 位置${D}。ハイライトを解除します。`), l.setDragOverPosition(null));
           }
         }
       }
     },
-    [a]
-  ), U = wt({
-    debugConfig: m.current,
-    dragState: a.dragState,
-    customDrag: a.customDrag,
-    clickState: a.clickState,
-    dragModes: $,
-    isMouseDown: a.isMouseDown,
-    originalPanelPosition: a.originalPanelPosition,
-    dragOverPosition: a.dragOverPosition,
-    setCustomDrag: a.setCustomDrag,
-    setDragState: a.setDragState,
-    setDragOverPosition: a.setDragOverPosition,
-    setOriginalPanelPosition: a.setOriginalPanelPosition,
-    setClickState: a.setClickState,
-    setIsMouseDown: a.setIsMouseDown,
-    findPanelPosition: L,
+    [l]
+  ), U = Yt({
+    debugConfig: h.current,
+    dragState: l.dragState,
+    customDrag: l.customDrag,
+    clickState: l.clickState,
+    dragModes: M,
+    isMouseDown: l.isMouseDown,
+    originalPanelPosition: l.originalPanelPosition,
+    dragOverPosition: l.dragOverPosition,
+    setCustomDrag: l.setCustomDrag,
+    setDragState: l.setDragState,
+    setDragOverPosition: l.setDragOverPosition,
+    setOriginalPanelPosition: l.setOriginalPanelPosition,
+    setClickState: l.setClickState,
+    setIsMouseDown: l.setIsMouseDown,
+    findPanelPosition: R,
     performPanelMove: z,
     showMousePosition: j.showMousePosition,
     updateMousePosition: j.updateMousePosition,
@@ -2157,179 +2304,188 @@ const wt = ({
     isVirtualClick: j.isVirtualClick,
     calculateMoveDistance: j.calculateMoveDistance,
     clearMouseTracking: j.clearMouseTracking,
-    resetDragState: a.resetDragState,
-    resetClickState: a.resetClickState,
-    createDragImage: D.createDragImage,
-    updateDragImagePosition: D.updateDragImagePosition,
-    removeDragImage: D.removeDragImage,
+    resetDragState: l.resetDragState,
+    resetClickState: l.resetClickState,
+    createDragImage: k.createDragImage,
+    updateDragImagePosition: k.updateDragImagePosition,
+    removeDragImage: k.removeDragImage,
     handlePlaceholderDragEnter: Z,
     handlePlaceholderDragLeave: Y
-  }), O = Dt({
-    debugConfig: m.current,
-    dragState: a.dragState,
-    customDrag: a.customDrag,
-    dragModes: $,
-    columnPanels: S,
-    dragOverPosition: a.dragOverPosition,
-    originalPanelPosition: a.originalPanelPosition,
-    setDragState: a.setDragState,
-    setDragOverPosition: a.setDragOverPosition,
-    setOriginalPanelPosition: a.setOriginalPanelPosition,
+  }), $ = Ht({
+    debugConfig: h.current,
+    dragState: l.dragState,
+    customDrag: l.customDrag,
+    dragModes: M,
+    columnPanels: N,
+    dragOverPosition: l.dragOverPosition,
+    originalPanelPosition: l.originalPanelPosition,
+    setDragState: l.setDragState,
+    setDragOverPosition: l.setDragOverPosition,
+    setOriginalPanelPosition: l.setOriginalPanelPosition,
     performPanelMove: z,
     showMousePosition: j.showMousePosition,
     updateMousePosition: j.updateMousePosition,
-    resetDragState: a.resetDragState,
+    resetDragState: l.resetDragState,
     handlePlaceholderDragEnter: Z,
     handlePlaceholderDragLeave: Y,
     scale: c
-  }), _ = w((h) => {
-    R.current.mousemove && R.current.mousemove(h);
-  }, []), f = w((h) => {
-    R.current.mouseup && R.current.mouseup(h);
+  }), L = w((m) => {
+    _.current.mousemove && _.current.mousemove(m);
+  }, []), f = w((m) => {
+    _.current.mouseup && _.current.mouseup(m);
   }, []);
-  K(() => (E(m.current, 1, "🔧 グローバルイベントリスナー初期化 - refベース管理開始"), document.addEventListener("mousemove", _), document.addEventListener("mouseup", f), () => {
-    E(m.current, 1, "🔴 グローバルイベントリスナー終了 - refベース管理終了"), document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", f);
-  }), [_, f]), K(() => {
-    const h = !a.clickState.isClicked && Object.entries($).some(([, N]) => N === "custom"), b = a.clickState.isClicked && a.clickState.panelId;
-    if (h || b) {
-      const N = h ? "パターン1（仮想クリック検出）" : "パターン2,3（ドラッグ準備）";
-      E(m.current, 1, `🔧 イベントハンドラー設定開始: ${N}`), R.current.mousemove = U.handleGlobalMouseMove, R.current.mouseup = U.handleGlobalMouseUp;
+  K(() => (E(h.current, 1, "🔧 グローバルイベントリスナー初期化 - refベース管理開始"), document.addEventListener("mousemove", L), document.addEventListener("mouseup", f), () => {
+    E(h.current, 1, "🔴 グローバルイベントリスナー終了 - refベース管理終了"), document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", f);
+  }), [L, f]), K(() => {
+    const m = !l.clickState.isClicked && Object.entries(M).some(([, D]) => D === "custom"), v = l.clickState.isClicked && l.clickState.panelId;
+    if (m || v) {
+      const D = m ? "パターン1（仮想クリック検出）" : "パターン2,3（ドラッグ準備）";
+      E(h.current, 1, `🔧 イベントハンドラー設定開始: ${D}`), _.current.mousemove = U.handleGlobalMouseMove, _.current.mouseup = U.handleGlobalMouseUp;
     } else
-      a.customDrag.isActive || a.dragState.isDragging || (R.current.mousemove = null, R.current.mouseup = null);
-  }, [a.clickState.isClicked, a.clickState.panelId, $, a.customDrag.isActive, a.dragState.isDragging, U.handleGlobalMouseMove, U.handleGlobalMouseUp]);
-  const g = w(
-    (h, b) => {
-      const N = h.touches[0], T = h.currentTarget;
-      a.setTouchDragState({
+      l.customDrag.isActive || l.dragState.isDragging || (_.current.mousemove = null, _.current.mouseup = null);
+  }, [l.clickState.isClicked, l.clickState.panelId, M, l.customDrag.isActive, l.dragState.isDragging, U.handleGlobalMouseMove, U.handleGlobalMouseUp]);
+  const x = w(
+    (m, v) => {
+      const D = m.touches[0], A = m.currentTarget;
+      l.setTouchDragState({
         isTouchDragging: !0,
-        startX: N.clientX,
-        startY: N.clientY,
-        currentX: N.clientX,
-        currentY: N.clientY,
-        draggedElement: T
-      }), a.setDragState({
+        startX: D.clientX,
+        startY: D.clientY,
+        currentX: D.clientX,
+        currentY: D.clientY,
+        draggedElement: A
+      }), l.setDragState({
         isDragging: !0,
-        draggedPanel: b,
+        draggedPanel: v,
         dragOverColumn: null
       });
     },
-    [a]
+    [l]
   ), C = w(
-    (h) => {
-      if (!a.touchDragState.isTouchDragging) return;
-      h.preventDefault();
-      const b = h.touches[0];
-      a.setTouchDragState((N) => ({
-        ...N,
-        currentX: b.clientX,
-        currentY: b.clientY
+    (m) => {
+      if (!l.touchDragState.isTouchDragging) return;
+      m.preventDefault();
+      const v = m.touches[0];
+      l.setTouchDragState((D) => ({
+        ...D,
+        currentX: v.clientX,
+        currentY: v.clientY
       }));
     },
-    [a.touchDragState.isTouchDragging, a]
+    [l.touchDragState.isTouchDragging, l]
   ), W = w(
-    (h) => {
-      a.touchDragState.isTouchDragging && (a.setTouchDragState({
+    (m) => {
+      l.touchDragState.isTouchDragging && (l.setTouchDragState({
         isTouchDragging: !1,
         startX: 0,
         startY: 0,
         currentX: 0,
         currentY: 0,
         draggedElement: null
-      }), O.handleDragEnd());
+      }), $.handleDragEnd());
     },
-    [a.touchDragState.isTouchDragging, a, O]
-  ), x = w(
-    (h) => {
-      E(m.current, 1, "🔄 toggleDragMode called:", { panelId: h }), M((b) => {
-        const T = (b[h] || "normal") === "normal" ? "custom" : "normal", A = { ...b, [h]: T };
+    [l.touchDragState.isTouchDragging, l, $]
+  ), p = w(
+    (m) => {
+      E(h.current, 1, "🔄 toggleDragMode called:", { panelId: m }), T((v) => {
+        const A = (v[m] || "normal") === "normal" ? "custom" : "normal", O = { ...v, [m]: A };
         if (i)
           try {
-            i(h, T);
+            i(m, A);
           } catch (H) {
             console.error("🔄 Error in onDragModeChange:", H);
           }
-        return A;
+        return O;
       });
     },
     [i]
-  ), p = w((h, b) => {
-    h.stopPropagation(), E(m.current, 2, "パネルサイズ情報クリック:", b);
+  ), g = w((m, v) => {
+    m.stopPropagation(), E(h.current, 2, "パネルサイズ情報クリック:", v);
   }, []);
   return {
     // 状態
-    columnPanels: S,
-    panelVisibility: D.panelVisibility,
-    dragModes: $,
-    dragState: a.dragState,
-    dragOverPosition: a.dragOverPosition,
-    originalPanelPosition: a.originalPanelPosition,
-    touchDragState: a.touchDragState,
-    customDrag: a.customDrag,
-    clickState: a.clickState,
+    columnPanels: N,
+    panelVisibility: k.panelVisibility,
+    dragModes: M,
+    dragState: l.dragState,
+    dragOverPosition: l.dragOverPosition,
+    originalPanelPosition: l.originalPanelPosition,
+    touchDragState: l.touchDragState,
+    customDrag: l.customDrag,
+    clickState: l.clickState,
     mousePosition: j.mousePosition,
-    panelSizes: D.panelSizes,
+    panelSizes: k.panelSizes,
     // 状態更新関数
-    setColumnPanels: v,
-    setPanelVisibility: D.setPanelVisibility,
-    setDragModes: M,
-    setPanelRef: D.setPanelRef,
+    setColumnPanels: b,
+    setPanelVisibility: k.setPanelVisibility,
+    setDragModes: T,
+    setPanelRef: k.setPanelRef,
     // イベントハンドラー
-    handleDragStart: O.handleDragStart,
-    handleDragEnd: O.handleDragEnd,
+    handleDragStart: $.handleDragStart,
+    handleDragEnd: $.handleDragEnd,
     handleMouseDown: U.handleMouseDown,
-    handleTouchStart: g,
+    handleTouchStart: x,
     handleTouchMove: C,
     handleTouchEnd: W,
     handlePlaceholderDragEnter: Z,
     handlePlaceholderDragLeave: Y,
-    handleDragOverWithInsert: O.handleDragOverWithInsert,
-    handleDropWithInsert: O.handleDropWithInsert,
-    handleColumnDragLeave: O.handleColumnDragLeave,
-    handlePanelSizeInfoClick: p,
+    handleDragOverWithInsert: $.handleDragOverWithInsert,
+    handleDropWithInsert: $.handleDropWithInsert,
+    handleColumnDragLeave: $.handleColumnDragLeave,
+    handlePanelSizeInfoClick: g,
     // ユーティリティ関数
-    toggleDragMode: x,
-    findPanelPosition: L
+    toggleDragMode: p,
+    findPanelPosition: R
   };
-}, Wt = ({ minColumnWidth: r = 350, defaultColumns: t = 3, maxColumns: n = 6, minColumns: l = 1, currentColumnWidths: o = {} } = {}) => {
-  const [i, u] = te(0), c = F(0), m = F(null), [S, v] = te(!1), $ = F(t);
+}, an = ({ minColumnWidth: r = 350, defaultColumns: e = 3, maxColumns: n = 6, minColumns: s = 1, currentColumnWidths: o = {} } = {}) => {
+  const [i, u] = te(0), c = F(0), h = F(null), [N, b] = te(!1), M = F(e);
   K(() => {
     if (typeof window > "u")
       return;
-    const a = () => {
-      const D = window.visualViewport?.width ?? 0, R = document?.documentElement?.clientWidth ?? 0, L = document?.body?.clientWidth ?? 0, z = window.innerWidth ?? 0;
-      return R > 0 ? Math.floor(R) : D > 0 ? Math.floor(D) : L > 0 ? Math.floor(L) : Math.floor(z);
+    const l = () => {
+      const k = window.visualViewport?.width ?? 0, _ = document?.documentElement?.clientWidth ?? 0, R = document?.body?.clientWidth ?? 0, z = window.innerWidth ?? 0;
+      return _ > 0 ? Math.floor(_) : k > 0 ? Math.floor(k) : R > 0 ? Math.floor(R) : Math.floor(z);
     }, j = () => {
-      m.current !== null && cancelAnimationFrame(m.current), m.current = requestAnimationFrame(() => {
-        const D = a();
-        m.current = null, D !== 0 && (Math.abs(c.current - D) < 2 || (c.current = D, u(D)));
+      h.current !== null && cancelAnimationFrame(h.current), h.current = requestAnimationFrame(() => {
+        const k = l();
+        h.current = null, k !== 0 && (Math.abs(c.current - k) < 2 || (c.current = k, u(k)));
       });
     };
     return j(), window.addEventListener("resize", j), window.addEventListener("orientationchange", j), window.visualViewport?.addEventListener("resize", j), () => {
-      m.current !== null && cancelAnimationFrame(m.current), window.removeEventListener("resize", j), window.removeEventListener("orientationchange", j), window.visualViewport?.removeEventListener("resize", j);
+      h.current !== null && cancelAnimationFrame(h.current), window.removeEventListener("resize", j), window.removeEventListener("orientationchange", j), window.visualViewport?.removeEventListener("resize", j);
     };
   }, []);
-  const M = Xe(() => {
-    if (!S || i === 0)
-      return $.current = t, t;
-    const a = Math.max(i - 64, 0), j = 24, D = Object.values(o);
-    let R;
-    if (D.length > 0) {
-      const L = D.reduce((Y, U) => Y + U, 0) / D.length, z = Math.max(r, L);
-      R = Math.floor((a + j) / (z + j)), D.reduce((Y, U) => Y + U, 0) + (D.length - 1) * j > a && D.length > l && (R = Math.min(R, D.length - 1));
+  const T = Ue(() => {
+    if (!N || i === 0)
+      return M.current = e, e;
+    const l = Math.max(i - 64, 0), j = 24, k = Object.values(o);
+    let _;
+    if (k.length > 0) {
+      const R = k.reduce((Y, U) => Y + U, 0) / k.length, z = Math.max(r, R);
+      _ = Math.floor((l + j) / (z + j)), k.reduce((Y, U) => Y + U, 0) + (k.length - 1) * j > l && k.length > s && (_ = Math.min(_, k.length - 1));
     } else
-      R = Math.floor((a + j) / (r + j));
-    return R = Math.max(l, Math.min(n, R)), $.current === R ? $.current : ($.current = R, R);
-  }, [S, i, t, r, n, l, o]), y = w(() => {
-    v((a) => !a);
+      _ = Math.floor((l + j) / (r + j));
+    return _ = Math.max(s, Math.min(n, _)), M.current === _ ? M.current : (M.current = _, _);
+  }, [N, i, e, r, n, s, o]), y = w(() => {
+    b((l) => !l);
   }, []);
   return {
-    responsiveColumnCount: M,
-    isResponsiveMode: S,
+    responsiveColumnCount: T,
+    isResponsiveMode: N,
     screenWidth: i,
     toggleResponsiveMode: y
   };
-}, zt = ({ isResponsiveMode: r, responsiveColumnCount: t, currentColumnCount: n, screenWidth: l, onToggleResponsive: o }) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-slate-300 bg-white/90 px-3 py-1", children: [
-  /* @__PURE__ */ e.jsxs(
+};
+const It = [
+  ["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" }]
+], Ut = oe("monitor", It);
+const Bt = [
+  ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }]
+], Vt = oe("smartphone", Bt), ln = ({ isResponsiveMode: r, responsiveColumnCount: e, currentColumnCount: n, screenWidth: s, onToggleResponsive: o }) => /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-slate-300 bg-white/90 px-3 py-1", children: [
+  /* @__PURE__ */ t.jsxs(
     "button",
     {
       type: "button",
@@ -2337,24 +2493,24 @@ const wt = ({
       className: `flex items-center gap-1 rounded px-2 py-1 text-xs transition-colors ${r ? "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: r ? "レスポンシブモードを無効化" : "レスポンシブモードを有効化",
       children: [
-        r ? /* @__PURE__ */ e.jsx(ct, { className: "h-3 w-3" }) : /* @__PURE__ */ e.jsx(ut, { className: "h-3 w-3" }),
-        /* @__PURE__ */ e.jsx("span", { children: r ? "レスポンシブ" : "固定" })
+        r ? /* @__PURE__ */ t.jsx(Vt, { className: "h-3 w-3" }) : /* @__PURE__ */ t.jsx(Ut, { className: "h-3 w-3" }),
+        /* @__PURE__ */ t.jsx("span", { children: r ? "レスポンシブ" : "固定" })
       ]
     }
   ),
-  r && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1 text-slate-600 text-xs", children: [
-    /* @__PURE__ */ e.jsxs("span", { className: "font-mono", children: [
-      l,
+  r && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1 text-slate-600 text-xs", children: [
+    /* @__PURE__ */ t.jsxs("span", { className: "font-mono", children: [
+      s,
       "px"
     ] }),
-    /* @__PURE__ */ e.jsx("span", { children: "→" }),
-    /* @__PURE__ */ e.jsxs("span", { className: "font-semibold text-blue-600", children: [
-      t,
+    /* @__PURE__ */ t.jsx("span", { children: "→" }),
+    /* @__PURE__ */ t.jsxs("span", { className: "font-semibold text-blue-600", children: [
+      e,
       "列"
     ] }),
-    t !== n && /* @__PURE__ */ e.jsx("span", { className: "text-orange-600", children: "(変更予定)" })
+    e !== n && /* @__PURE__ */ t.jsx("span", { className: "text-orange-600", children: "(変更予定)" })
   ] })
-] }), Yt = {
+] }), cn = {
   showDebugPanel: !1,
   showMousePosition: !1,
   showPanelSizes: !1,
@@ -2363,37 +2519,37 @@ const wt = ({
   logLevel: 0
 };
 export {
-  $t as ColumnControlPanel,
-  Ot as ColumnInsertPanel,
-  ae as DEFAULT_COLUMN_ID_CONFIG,
-  Yt as DEFAULT_DEBUG_CONFIG,
-  Pe as DEFAULT_EDGE_SCROLL_CONFIG,
-  Tt as DebugControlPanel,
-  Ct as DragDropLayout,
-  Ie as DropZoneDebugOverlay,
-  Be as EdgeScrollManager,
-  qe as InsertPlaceholder,
-  ft as PanelSizeDisplay,
-  kt as ResizableColumn,
-  Ue as ResizeHandle,
-  zt as ResponsiveControl,
-  Ye as calculateScrollVector,
-  Rt as createColumnIdMapping,
+  Qt as ColumnControlPanel,
+  Kt as ColumnInsertPanel,
+  ie as DEFAULT_COLUMN_ID_CONFIG,
+  cn as DEFAULT_DEBUG_CONFIG,
+  ke as DEFAULT_EDGE_SCROLL_CONFIG,
+  en as DebugControlPanel,
+  Jt as DragDropLayout,
+  Ge as DropZoneDebugOverlay,
+  Ke as EdgeScrollManager,
+  Ze as InsertPlaceholder,
+  Dt as PanelSizeDisplay,
+  Gt as ResizableColumn,
+  Je as ResizeHandle,
+  ln as ResponsiveControl,
+  He as calculateScrollVector,
+  rn as createColumnIdMapping,
   E as debugLog,
-  we as generateColumnId,
-  Ve as generateColumnIds,
-  Mt as getNextColumnId,
-  At as isValidColumnId,
-  vt as normalizeColumnPanels,
-  je as parseColumnId,
-  yt as performScroll,
-  bt as sortColumnIds,
-  Lt as useColumnLayout,
-  wt as useCustomDragHandlers,
-  _t as useDragDropColumns,
-  jt as useDragDropState,
-  Pt as useMouseTracking,
-  Dt as useNormalDragHandlers,
-  Nt as usePanelManagement,
-  Wt as useResponsiveColumns
+  je as generateColumnId,
+  Qe as generateColumnIds,
+  nn as getNextColumnId,
+  tn as isValidColumnId,
+  Wt as normalizeColumnPanels,
+  Pe as parseColumnId,
+  zt as performScroll,
+  Lt as sortColumnIds,
+  sn as useColumnLayout,
+  Yt as useCustomDragHandlers,
+  on as useDragDropColumns,
+  Ft as useDragDropState,
+  Xt as useMouseTracking,
+  Ht as useNormalDragHandlers,
+  qt as usePanelManagement,
+  an as useResponsiveColumns
 };