@aiquants/drag-drop-panels 0.4.0 → 0.7.0

package/dist/index.es.js

@@ -1,266 +1,266 @@
-import we, { useRef as H, useState as ee, useEffect as G, useCallback as P, memo as Se, useMemo as ye, useLayoutEffect as ke, Fragment as Ce } from "react";
-import { Eye as Oe, EyeOff as xe, MousePointerClick as Te, MousePointer as Me, Minus as Ae, Plus as me, Grid3X3 as $e, RotateCcw as Re, X as _e, Smartphone as Le, Monitor as We } from "lucide-react";
-var ie = { exports: {} }, le = {};
-var ge;
-function ze() {
-  if (ge) return le;
-  ge = 1;
+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, s, u) {
-    var d = null;
-    if (u !== void 0 && (d = "" + u), s.key !== void 0 && (d = "" + s.key), "key" in s) {
-      u = {};
-      for (var c in s)
-        c !== "key" && (u[c] = s[c]);
-    } else u = s;
-    return s = u.ref, {
+  function n(l, o, i) {
+    var u = null;
+    if (i !== void 0 && (u = "" + i), o.key !== void 0 && (u = "" + o.key), "key" in o) {
+      i = {};
+      for (var c in o)
+        c !== "key" && (i[c] = o[c]);
+    } else i = o;
+    return o = i.ref, {
       $$typeof: r,
       type: l,
-      key: d,
-      ref: s !== void 0 ? s : null,
-      props: u
+      key: u,
+      ref: o !== void 0 ? o : null,
+      props: i
     };
   }
-  return le.Fragment = t, le.jsx = n, le.jsxs = n, le;
+  return fe.Fragment = t, fe.jsx = n, fe.jsxs = n, fe;
 }
-var ae = {};
-var pe;
-function Ye() {
-  return pe || (pe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function r(a) {
-      if (a == null) return null;
-      if (typeof a == "function")
-        return a.$$typeof === v ? null : a.displayName || a.name || null;
-      if (typeof a == "string") return a;
-      switch (a) {
-        case m:
+var xe = {};
+var We;
+function ht() {
+  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:
           return "Fragment";
-        case F:
+        case L:
           return "Profiler";
-        case O:
+        case R:
           return "StrictMode";
-        case U:
+        case q:
           return "Suspense";
-        case X:
+        case O:
           return "SuspenseList";
-        case f:
+        case g:
           return "Activity";
       }
-      if (typeof a == "object")
-        switch (typeof a.tag == "number" && console.error(
+      if (typeof s == "object")
+        switch (typeof s.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), a.$$typeof) {
-          case D:
+        ), s.$$typeof) {
+          case j:
             return "Portal";
-          case B:
-            return a.displayName || "Context";
-          case q:
-            return (a._context.displayName || "Context") + ".Consumer";
-          case k:
-            var p = a.render;
-            return a = a.displayName, a || (a = p.displayName || p.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
-          case Q:
-            return p = a.displayName || null, p !== null ? p : r(a.type) || "Memo";
-          case h:
-            p = a._payload, a = a._init;
+          case Z:
+            return s.displayName || "Context";
+          case z:
+            return (s._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";
+          case f:
+            d = s._payload, s = s._init;
             try {
-              return r(a(p));
+              return r(s(d));
             } catch {
             }
         }
       return null;
     }
-    function t(a) {
-      return "" + a;
+    function t(s) {
+      return "" + s;
     }
-    function n(a) {
+    function n(s) {
       try {
-        t(a);
-        var p = !1;
+        t(s);
+        var d = !1;
       } catch {
-        p = !0;
+        d = !0;
       }
-      if (p) {
-        p = console;
-        var M = p.error, I = typeof Symbol == "function" && Symbol.toStringTag && a[Symbol.toStringTag] || a.constructor.name || "Object";
-        return M.call(
-          p,
+      if (d) {
+        d = console;
+        var k = d.error, X = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return k.call(
+          d,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          I
-        ), t(a);
+          X
+        ), t(s);
       }
     }
-    function l(a) {
-      if (a === m) return "<>";
-      if (typeof a == "object" && a !== null && a.$$typeof === h)
+    function l(s) {
+      if (s === D) return "<>";
+      if (typeof s == "object" && s !== null && s.$$typeof === f)
         return "<...>";
       try {
-        var p = r(a);
-        return p ? "<" + p + ">" : "<...>";
+        var d = r(s);
+        return d ? "<" + d + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var a = N.A;
-      return a === null ? null : a.getOwner();
+    function o() {
+      var s = W.A;
+      return s === null ? null : s.getOwner();
     }
-    function u() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function d(a) {
-      if (j.call(a, "key")) {
-        var p = Object.getOwnPropertyDescriptor(a, "key").get;
-        if (p && p.isReactWarning) return !1;
+    function u(s) {
+      if (x.call(s, "key")) {
+        var d = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (d && d.isReactWarning) return !1;
       }
-      return a.key !== void 0;
+      return s.key !== void 0;
     }
-    function c(a, p) {
-      function M() {
-        E || (E = !0, console.error(
+    function c(s, d) {
+      function k() {
+        b || (b = !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)",
-          p
+          d
         ));
       }
-      M.isReactWarning = !0, Object.defineProperty(a, "key", {
-        get: M,
+      k.isReactWarning = !0, Object.defineProperty(s, "key", {
+        get: k,
         configurable: !0
       });
     }
-    function b() {
-      var a = r(this.type);
-      return $[a] || ($[a] = !0, console.error(
+    function h() {
+      var s = r(this.type);
+      return N[s] || (N[s] = !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."
-      )), a = this.props.ref, a !== void 0 ? a : null;
+      )), s = this.props.ref, s !== void 0 ? s : null;
     }
-    function C(a, p, M, I, x, z) {
-      var R = M.ref;
-      return a = {
-        $$typeof: w,
-        type: a,
-        key: p,
-        props: M,
-        _owner: I
-      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(a, "ref", {
+    function S(s, d, k, X, G, Q) {
+      var B = k.ref;
+      return s = {
+        $$typeof: a,
+        type: s,
+        key: d,
+        props: k,
+        _owner: X
+      }, (B !== void 0 ? B : null) !== null ? Object.defineProperty(s, "ref", {
         enumerable: !1,
-        get: b
-      }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
+        get: h
+      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(a, "_debugInfo", {
+      }), Object.defineProperty(s, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(a, "_debugStack", {
+      }), Object.defineProperty(s, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: x
-      }), Object.defineProperty(a, "_debugTask", {
+        value: G
+      }), Object.defineProperty(s, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: z
-      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
+        value: Q
+      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
     }
-    function y(a, p, M, I, x, z) {
-      var R = p.children;
-      if (R !== void 0)
-        if (I)
-          if (i(R)) {
-            for (I = 0; I < R.length; I++)
-              A(R[I]);
-            Object.freeze && Object.freeze(R);
+    function v(s, d, k, X, G, Q) {
+      var B = d.children;
+      if (B !== void 0)
+        if (X)
+          if (p(B)) {
+            for (X = 0; X < B.length; X++)
+              $(B[X]);
+            Object.freeze && Object.freeze(B);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else A(R);
-      if (j.call(p, "key")) {
-        R = r(a);
-        var Z = Object.keys(p).filter(function(L) {
-          return L !== "key";
+        else $(B);
+      if (x.call(d, "key")) {
+        B = r(s);
+        var re = Object.keys(d).filter(function(se) {
+          return se !== "key";
         });
-        I = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", V[R + I] || (Z = 0 < Z.length ? "{" + Z.join(": ..., ") + ": ...}" : "{}", console.error(
+        X = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", H[B + 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} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          I,
-          R,
-          Z,
-          R
-        ), V[R + I] = !0);
+          X,
+          B,
+          re,
+          B
+        ), H[B + X] = !0);
       }
-      if (R = null, M !== void 0 && (n(M), R = "" + M), d(p) && (n(p.key), R = "" + p.key), "key" in p) {
-        M = {};
-        for (var K in p)
-          K !== "key" && (M[K] = p[K]);
-      } else M = p;
-      return R && c(
-        M,
-        typeof a == "function" ? a.displayName || a.name || "Unknown" : a
-      ), C(
-        a,
-        R,
-        M,
-        s(),
-        x,
-        z
+      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,
+        o(),
+        G,
+        Q
       );
     }
-    function A(a) {
-      T(a) ? a._store && (a._store.validated = 1) : typeof a == "object" && a !== null && a.$$typeof === h && (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 $(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 T(a) {
-      return typeof a == "object" && a !== null && a.$$typeof === w;
+    function M(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === a;
     }
-    var o = we, w = /* @__PURE__ */ Symbol.for("react.transitional.element"), D = /* @__PURE__ */ Symbol.for("react.portal"), m = /* @__PURE__ */ Symbol.for("react.fragment"), O = /* @__PURE__ */ Symbol.for("react.strict_mode"), F = /* @__PURE__ */ Symbol.for("react.profiler"), q = /* @__PURE__ */ Symbol.for("react.consumer"), B = /* @__PURE__ */ Symbol.for("react.context"), k = /* @__PURE__ */ Symbol.for("react.forward_ref"), U = /* @__PURE__ */ Symbol.for("react.suspense"), X = /* @__PURE__ */ Symbol.for("react.suspense_list"), Q = /* @__PURE__ */ Symbol.for("react.memo"), h = /* @__PURE__ */ Symbol.for("react.lazy"), f = /* @__PURE__ */ Symbol.for("react.activity"), v = /* @__PURE__ */ Symbol.for("react.client.reference"), N = o.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, i = Array.isArray, g = console.createTask ? console.createTask : function() {
+    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"), q = /* @__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, m = console.createTask ? console.createTask : function() {
       return null;
     };
-    o = {
-      react_stack_bottom_frame: function(a) {
-        return a();
+    y = {
+      react_stack_bottom_frame: function(s) {
+        return s();
       }
     };
-    var E, $ = {}, W = o.react_stack_bottom_frame.bind(
-      o,
-      u
-    )(), Y = g(l(u)), V = {};
-    ae.Fragment = m, ae.jsx = function(a, p, M) {
-      var I = 1e4 > N.recentlyCreatedOwnerStacks++;
-      return y(
-        a,
-        p,
-        M,
+    var b, N = {}, T = y.react_stack_bottom_frame.bind(
+      y,
+      i
+    )(), A = m(l(i)), H = {};
+    xe.Fragment = D, xe.jsx = function(s, d, k) {
+      var X = 1e4 > W.recentlyCreatedOwnerStacks++;
+      return v(
+        s,
+        d,
+        k,
         !1,
-        I ? Error("react-stack-top-frame") : W,
-        I ? g(l(a)) : Y
+        X ? Error("react-stack-top-frame") : T,
+        X ? m(l(s)) : A
       );
-    }, ae.jsxs = function(a, p, M) {
-      var I = 1e4 > N.recentlyCreatedOwnerStacks++;
-      return y(
-        a,
-        p,
-        M,
+    }, xe.jsxs = function(s, d, k) {
+      var X = 1e4 > W.recentlyCreatedOwnerStacks++;
+      return v(
+        s,
+        d,
+        k,
         !0,
-        I ? Error("react-stack-top-frame") : W,
-        I ? g(l(a)) : Y
+        X ? Error("react-stack-top-frame") : T,
+        X ? m(l(s)) : A
       );
     };
-  })()), ae;
+  })()), xe;
 }
-var be;
-function Xe() {
-  return be || (be = 1, process.env.NODE_ENV === "production" ? ie.exports = ze() : ie.exports = Ye()), ie.exports;
+var ze;
+function mt() {
+  return ze || (ze = 1, process.env.NODE_ENV === "production" ? ye.exports = dt() : ye.exports = ht()), ye.exports;
 }
-var e = Xe();
-const ne = class ne {
+var e = mt();
+const le = class le {
   /**
    * @constructor
    * @param {LogLevel} [level=LogLevel.WARN] - The minimum log level to output.
@@ -277,7 +277,7 @@ const ne = class ne {
    * @param {LogLevel} level - The new log level.
    */
   static setLevel(t) {
-    ne.instance.setLevel(t);
+    le.instance.setLevel(t);
   }
   /**
    * @method setLevel
@@ -295,7 +295,7 @@ const ne = class ne {
    * @param {ILogger} impl - The new logger implementation.
    */
   static setImplementation(t) {
-    ne.instance.setImplementation(t);
+    le.instance.setImplementation(t);
   }
   /**
    * @method setImplementation
@@ -313,7 +313,7 @@ const ne = class ne {
    * @param {string} prefix - The new prefix.
    */
   static setPrefix(t) {
-    ne.instance.setPrefix(t);
+    le.instance.setPrefix(t);
   }
   /**
    * @method setPrefix
@@ -328,33 +328,33 @@ const ne = class ne {
     return typeof t == "string" ? [`${this.prefix} ${t}`] : [this.prefix, t];
   }
   static debug(t, ...n) {
-    ne.instance.debug(t, ...n);
+    le.instance.debug(t, ...n);
   }
   debug(t, ...n) {
     this.level <= 0 && this.impl.debug(...this.formatMessage(t), ...n);
   }
   static info(t, ...n) {
-    ne.instance.info(t, ...n);
+    le.instance.info(t, ...n);
   }
   info(t, ...n) {
     this.level <= 1 && this.impl.info(...this.formatMessage(t), ...n);
   }
   static warn(t, ...n) {
-    ne.instance.warn(t, ...n);
+    le.instance.warn(t, ...n);
   }
   warn(t, ...n) {
     this.level <= 2 && this.impl.warn(...this.formatMessage(t), ...n);
   }
   static error(t, ...n) {
-    ne.instance.error(t, ...n);
+    le.instance.error(t, ...n);
   }
   error(t, ...n) {
     this.level <= 3 && this.impl.error(...this.formatMessage(t), ...n);
   }
 };
-ne.instance = new ne(2, "[drag-drop-panels]");
-let he = ne;
-const Fe = ({ config: r, panelId: t, sizeInfo: n, onSizeInfoClick: l }) => r.showPanelSizes && 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 ? (
   // biome-ignore lint/a11y/noStaticElementInteractions: クリックイベントを持つ静的要素。デバッグ目的のため、インタラクティブ性は限定的。
   // biome-ignore lint/a11y/useKeyWithClickEvents: キーボード操作はデバッグ機能では優先度が低い。
   /* @__PURE__ */ e.jsxs(
@@ -363,7 +363,7 @@ const Fe = ({ config: r, panelId: t, sizeInfo: n, onSizeInfoClick: l }) => r.sho
       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: (s) => s instanceof TouchEvent && l(s),
+      onTouchStart: (o) => o instanceof TouchEvent && l(o),
       onDragStart: l,
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "text-[10px] opacity-80", children: [
@@ -390,47 +390,47 @@ const Fe = ({ config: r, panelId: t, sizeInfo: n, onSizeInfoClick: l }) => r.sho
       ]
     }
   )
-) : null, S = (r, t, ...n) => {
-  (r.logLevel ?? 0) >= t && he.info(...n);
-}, je = we.memo(({ index: r, columnIndex: t, isDragging: n, dragOverPosition: l, originalPosition: s, onDragEnter: u, onDragLeave: d, config: c, customDrag: b }) => {
-  const C = s && s.columnIndex === t && (s.panelIndex === r || s.panelIndex + 1 === r), y = !C && l?.columnIndex === t && l?.insertIndex === r, A = H(null), [T, o] = ee(null), w = n || (b?.isActive ?? !1);
-  return G(() => {
-    if (A.current) {
-      const D = A.current.getBoundingClientRect(), m = {
-        width: Math.round(D.width),
-        height: Math.round(D.height),
-        x: Math.round(D.left),
-        y: Math.round(D.top)
+) : null, E = (r, t, ...n) => {
+  (r.logLevel ?? 0) >= t && ke.info(...n);
+}, Ie = Fe.memo(({ index: r, columnIndex: t, isDragging: n, dragOverPosition: l, originalPosition: o, onDragEnter: i, onDragLeave: u, config: c, customDrag: h }) => {
+  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 || (h?.isActive ?? !1);
+  return K(() => {
+    if ($.current) {
+      const j = $.current.getBoundingClientRect(), D = {
+        width: Math.round(j.width),
+        height: Math.round(j.height),
+        x: Math.round(j.left),
+        y: Math.round(j.top)
       };
-      o(m), y && S(c, 1, `🎯 アクティブプレースホルダー ${r}-${t}:`, {
-        size: `${m.width}×${m.height}`,
-        position: `(${m.x}, ${m.y})`,
-        bottomRight: `(${m.x + m.width}, ${m.y + m.height})`,
-        center: `(${m.x + m.width / 2}, ${m.y + m.height / 2})`
+      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, r, t, c]), S(c, 2, `プレースホルダー${r}-${t}: 表示中`, { isHighlighted: y, isDragging: n, dragOverPosition: l, shouldShow: w }), // biome-ignore lint/a11y/noStaticElementInteractions: ドラッグイベントを処理するための対話的な要素。デバッグ目的のため、キーボード操作は必須ではない。
+  }, [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(
     "div",
     {
-      ref: A,
+      ref: $,
       "data-placeholder-index": r,
       "data-placeholder-column": t,
-      onDragEnter: () => u(t, r),
-      onDragLeave: (D) => d(D, t, r),
-      className: `relative flex w-full items-center justify-center transition-all duration-0 ${C ? "pointer-events-none h-0 overflow-hidden opacity-0" : w ? y ? "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"}`,
+      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"}`,
       children: [
-        !C && w && c.showPlaceholderInfo && T && /* @__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: [
+        !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: [
-            T.width,
+            M.width,
             "×",
-            T.height
+            M.height
           ] }),
           /* @__PURE__ */ e.jsxs("div", { children: [
             "X:",
-            T.x,
+            M.x,
             " Y:",
-            T.y
+            M.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: [
@@ -439,10 +439,10 @@ const Fe = ({ config: r, panelId: t, sizeInfo: n, onSizeInfoClick: l }) => r.sho
             "-",
             r,
             " ",
-            y ? "ACTIVE" : "IDLE"
+            v ? "ACTIVE" : "IDLE"
           ] })
         ] }),
-        !C && w && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2 text-sky-600", children: [
+        !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" })
@@ -453,59 +453,59 @@ const Fe = ({ config: r, panelId: t, sizeInfo: n, onSizeInfoClick: l }) => r.sho
     }
   );
 });
-je.displayName = "InsertPlaceholder";
-const Pe = ({ columnIndex: r, isDragging: t, dragOverPosition: n, children: l, config: s }) => {
-  const u = H(null), [d, c] = ee(null);
-  return G(() => {
-    if (u.current && t) {
-      const b = u.current.getBoundingClientRect(), C = n?.columnIndex === r, y = {
-        width: Math.round(b.width),
-        height: Math.round(b.height),
-        x: Math.round(b.left),
-        y: Math.round(b.top),
-        isActive: C
+Ie.displayName = "InsertPlaceholder";
+const Ue = ({ columnIndex: r, isDragging: t, dragOverPosition: n, children: l, config: o }) => {
+  const i = F(null), [u, c] = te(null);
+  return K(() => {
+    if (i.current && t) {
+      const h = i.current.getBoundingClientRect(), S = n?.columnIndex === r, v = {
+        width: Math.round(h.width),
+        height: Math.round(h.height),
+        x: Math.round(h.left),
+        y: Math.round(h.top),
+        isActive: S
       };
-      c(y), C && S(s, 1, `🎯 アクティブドロップゾーン ${r}:`, {
-        size: `${y.width}×${y.height}`,
-        position: `(${y.x}, ${y.y})`,
-        bottomRight: `(${y.x + y.width}, ${y.y + y.height})`,
-        center: `(${y.x + y.width / 2}, ${y.y + y.height / 2})`
+      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})`
       });
     }
-  }, [t, n, r, s]), /* @__PURE__ */ e.jsxs("div", { ref: u, className: "relative", children: [
+  }, [t, n, r, o]), /* @__PURE__ */ e.jsxs("div", { ref: i, className: "relative", children: [
     l,
-    t && d && s.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 ${d.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 ${d.isActive ? "bg-red-500/90 text-white" : "bg-gray-500/90 text-white"}`, children: [
+    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: [
           "DropZone-",
           r
         ] }),
         /* @__PURE__ */ e.jsxs("div", { children: [
-          d.width,
+          u.width,
           "×",
-          d.height
+          u.height
         ] }),
         /* @__PURE__ */ e.jsxs("div", { children: [
           "X:",
-          d.x,
+          u.x,
           " Y:",
-          d.y
+          u.y
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "mt-0.5 text-[10px] opacity-80", children: d.isActive ? "ACTIVE" : "IDLE" })
+        /* @__PURE__ */ e.jsx("div", { className: "mt-0.5 text-[10px] opacity-80", children: u.isActive ? "ACTIVE" : "IDLE" })
       ] }),
       /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: `pointer-events-none absolute transition-all duration-200 ${d.isActive ? "opacity-100" : "opacity-50"}`,
+          className: `pointer-events-none absolute transition-all duration-200 ${u.isActive ? "opacity-100" : "opacity-50"}`,
           style: {
-            left: `${d.width / 2 - 6}px`,
-            top: `${d.height / 2 - 6}px`
+            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 ${d.isActive ? "border-red-700 bg-red-500" : "border-gray-700 bg-gray-500"}` })
+          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"}` })
         }
       ),
-      d.isActive && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      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" }),
@@ -514,401 +514,496 @@ const Pe = ({ columnIndex: r, isDragging: t, dragOverPosition: n, children: l, c
     ] })
   ] });
 };
-Pe.displayName = "DropZoneDebugOverlay";
-const De = ({ columnId: r, onResizeStart: t, onResize: n, onResizeEnd: l, isResizing: s = !1, position: u = "right", className: d = "", debug: c = {} }) => {
-  const b = H(!1), C = H(null);
-  G(() => {
-    !s && b.current && (S(c, 1, "外部からのリサイズ解除を検出、ドラッグ状態を強制解除:", r), b.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
-  }, [s, r, c]);
-  const y = P(
-    (o) => {
-      o.preventDefault(), o.stopPropagation(), S(c, 2, "リサイズハンドル マウスダウン:", r), b.current = !0, t(r, o.clientX), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.body.classList.add("resizing-column");
+Ue.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(() => {
+    const i = n.current;
+    if (!i || r <= 0) {
+      o(1);
+      return;
+    }
+    const u = () => {
+      const h = i.clientWidth;
+      if (h <= 0)
+        return;
+      const S = h >= r ? 1 : Math.max(h / r, t);
+      o((v) => Math.abs(v - S) < 5e-3 ? v : S);
+    };
+    u();
+    const c = new ResizeObserver(u);
+    return c.observe(i), () => c.disconnect();
+  }, [r, t]), { containerRef: n, scale: l };
+}, qe = ({ columnId: r, onResizeStart: t, onResize: n, onResizeEnd: l, isResizing: o = !1, position: i = "right", className: u = "", debug: c = {} }) => {
+  const h = F(!1), S = F(null);
+  K(() => {
+    !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(
+    (y) => {
+      y.preventDefault(), y.stopPropagation(), E(c, 2, "リサイズハンドル マウスダウン:", r), h.current = !0, t(r, y.clientX), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.body.classList.add("resizing-column");
     },
     [r, t, c]
   );
-  G(() => {
-    const o = (D) => {
-      b.current && (D.preventDefault(), n(D.clientX));
-    }, w = () => {
-      b.current && (S(c, 2, "リサイズハンドル マウスアップ:", r), b.current = !1, l(), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
+  K(() => {
+    const y = (j) => {
+      h.current && (j.preventDefault(), n(j.clientX));
+    }, a = () => {
+      h.current && (E(c, 2, "リサイズハンドル マウスアップ:", r), h.current = !1, l(), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
     };
-    return document.addEventListener("mousemove", o), document.addEventListener("mouseup", w), () => {
-      document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", w);
+    return document.addEventListener("mousemove", y), document.addEventListener("mouseup", a), () => {
+      document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", a);
     };
   }, [r, n, l, c]);
-  const A = P(
-    (o) => {
-      o.preventDefault(), o.stopPropagation();
-      const w = o.touches[0];
-      S(c, 2, "リサイズハンドル タッチスタート:", r), b.current = !0, t(r, w.clientX), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.body.classList.add("resizing-column");
+  const $ = w(
+    (y) => {
+      y.preventDefault(), y.stopPropagation();
+      const a = y.touches[0];
+      E(c, 2, "リサイズハンドル タッチスタート:", r), h.current = !0, t(r, a.clientX), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.body.classList.add("resizing-column");
     },
     [r, t, c]
   );
-  G(() => {
-    const o = (D) => {
-      if (!b.current) return;
-      D.preventDefault();
-      const m = D.touches[0];
-      n(m.clientX);
-    }, w = () => {
-      b.current && (S(c, 2, "リサイズハンドル タッチエンド:", r), b.current = !1, l(), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
+  K(() => {
+    const y = (j) => {
+      if (!h.current) return;
+      j.preventDefault();
+      const D = j.touches[0];
+      n(D.clientX);
+    }, a = () => {
+      h.current && (E(c, 2, "リサイズハンドル タッチエンド:", r), h.current = !1, l(), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
     };
-    return document.addEventListener("touchmove", o, { passive: !1 }), document.addEventListener("touchend", w), () => {
-      document.removeEventListener("touchmove", o), document.removeEventListener("touchend", w);
+    return document.addEventListener("touchmove", y, { passive: !1 }), document.addEventListener("touchend", a), () => {
+      document.removeEventListener("touchmove", y), document.removeEventListener("touchend", a);
     };
-  }, [r, n, l, c]), G(() => () => {
-    b.current && (S(c, 1, "リサイズハンドルアンマウント時のクリーンアップ:", r), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
+  }, [r, n, l, 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 T = ["resize-handle", u, s ? "resizing" : "", d].filter(Boolean).join(" ");
+  const M = ["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: C, className: T, onMouseDown: y, onTouchStart: A, "data-column-id": r, "data-position": u, "aria-label": `${r}のカラム幅を調整`, role: "separator", "aria-orientation": "vertical", children: [
+    /* @__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: [
         r,
-        s && " (resizing)"
+        o && " (resizing)"
       ] })
     ] })
   );
-}, Ke = ({ columnId: r, width: t, minWidth: n = 100, maxWidth: l = 800, onResizeStart: s, onResize: u, onResizeEnd: d, isResizing: c = !1, resizable: b = !0, className: C = "", debug: y = {}, children: A }) => {
-  const T = ["resizable-column", c ? "resizing" : "", C].filter(Boolean).join(" ");
-  return G(() => {
-    const o = document.querySelector(`[data-column-id="${r}"]`);
-    o && (o.style.setProperty("--column-width", `${t}px`), o.style.setProperty("--column-min-width", `${n}px`), o.style.setProperty("--column-max-width", `${l}px`));
-  }, [r, t, n, l]), /* @__PURE__ */ e.jsxs("div", { className: T, "data-column-id": r, "data-width": t, "data-min-width": n, "data-max-width": l, children: [
-    A,
-    b && /* @__PURE__ */ e.jsx(De, { columnId: r, onResizeStart: s, onResize: u, onResizeEnd: d, isResizing: c, position: "right", debug: y }),
-    y.showPanelSizes && /* @__PURE__ */ e.jsxs("div", { className: "column-debug-size", children: [
+}, kt = ({ columnId: r, width: t, minWidth: n = 100, maxWidth: l = 800, onResizeStart: o, onResize: i, onResizeEnd: u, isResizing: c = !1, resizable: h = !0, className: S = "", debug: v = {}, children: $ }) => {
+  const M = ["resizable-column", c ? "resizing" : "", S].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: [
+    $,
+    h && /* @__PURE__ */ e.jsx(qe, { 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,
       "px",
       c && " ↔"
     ] })
   ] });
-}, fe = Se(
+}, Ce = Ke(
   ({
     index: r,
     columnIndex: t,
     isDragging: n,
     dragOverPosition: l,
-    originalPosition: s,
-    onDragEnter: u,
-    onDragLeave: d,
+    originalPosition: o,
+    onDragEnter: i,
+    onDragLeave: u,
     debugConfig: c,
-    customDrag: b
-  }) => /* @__PURE__ */ e.jsx(je, { index: r, columnIndex: t, isDragging: n, dragOverPosition: l, originalPosition: s, onDragEnter: u, onDragLeave: d, config: c, customDrag: b })
+    customDrag: h
+  }) => /* @__PURE__ */ e.jsx(Ie, { index: r, columnIndex: t, isDragging: n, dragOverPosition: l, originalPosition: o, onDragEnter: i, onDragLeave: u, config: c, customDrag: h })
 );
-fe.displayName = "LocalInsertPlaceholder";
-const et = ({
+Ce.displayName = "LocalInsertPlaceholder";
+const Ct = ({
   columns: r,
   panels: t,
   columnPanels: n,
   // onColumnPanelsChange,
   panelVisibility: l,
-  onPanelVisibilityChange: s,
-  dragState: u,
-  dragOverPosition: d,
+  onPanelVisibilityChange: o,
+  dragState: i,
+  dragOverPosition: u,
   originalPanelPosition: c,
-  dragModes: b,
-  onDragStart: C,
-  onDragEnd: y,
-  onPlaceholderDragEnter: A,
-  onPlaceholderDragLeave: T,
-  onDragOverWithInsert: o,
-  onDropWithInsert: w,
-  onColumnDragLeave: D,
-  onPanelClick: m,
-  onPanelMouseDown: O,
-  onTouchStart: F,
-  onTouchMove: q,
-  onTouchEnd: B,
-  debugConfig: k,
-  panelSizes: U,
-  setPanelRef: X,
-  enableResize: Q = !1,
-  columnWidths: h,
+  dragModes: h,
+  onDragStart: S,
+  onDragEnd: v,
+  onPlaceholderDragEnter: $,
+  onPlaceholderDragLeave: M,
+  onDragOverWithInsert: y,
+  onDropWithInsert: a,
+  onColumnDragLeave: j,
+  onPanelClick: D,
+  onPanelMouseDown: R,
+  onTouchStart: L,
+  onTouchMove: z,
+  onTouchEnd: Z,
+  debugConfig: Y,
+  panelSizes: q,
+  setPanelRef: O,
+  enableResize: _ = !1,
+  columnWidths: f,
   // onColumnWidthChange,
-  onResizeStart: f,
-  onResize: v,
-  onResizeEnd: N,
-  isResizing: j = !1,
-  resizingColumn: i,
-  onPanelSizeInfoClick: g,
-  onToggleDragMode: E,
-  customDrag: $
+  onResizeStart: g,
+  onResize: C,
+  onResizeEnd: W,
+  isResizing: x = !1,
+  resizingColumn: p,
+  onPanelSizeInfoClick: m,
+  onToggleDragMode: b,
+  onPanelClose: N,
+  onPanelMaximizeChange: T,
+  customDrag: A,
+  dragHandle: H = "panel",
+  maximizedPanel: s = null,
+  panelClassName: d = "",
+  scale: k,
+  autoScale: X,
+  onScaleChange: G
 }) => {
-  const W = H(k);
-  G(() => {
-    W.current = k;
-  }, [k]);
-  const Y = H({}), V = H(/* @__PURE__ */ new Map());
-  G(() => {
-    S(W.current, 1, "🎨 DragDropLayout - dragModes props changed:", {
-      dragModes: b,
+  const Q = F(Y);
+  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);
+  ge.current = se, K(() => {
+    G && G(se);
+  }, [se, G]);
+  const Ze = se < 1 ? {
+    width: `${100 / se}%`,
+    height: `${100 / se}%`,
+    transform: `scale(${se})`,
+    transformOrigin: "top left"
+  } : void 0, de = F({}), De = F(/* @__PURE__ */ new Map());
+  K(() => {
+    E(Q.current, 1, "🎨 DragDropLayout - dragModes props changed:", {
+      dragModes: h,
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      keys: Object.keys(b),
-      values: Object.values(b)
+      keys: Object.keys(h),
+      values: Object.values(h)
     });
-  }, [b]);
-  const a = ye(() => {
-    const x = {};
-    return t.forEach((z) => {
-      x[z.id] = z;
-    }), x;
+  }, [h]);
+  const Ne = Xe(() => {
+    const P = {};
+    return t.forEach((V) => {
+      P[V.id] = V;
+    }), P;
   }, [t]);
-  ke(() => {
-    const x = /* @__PURE__ */ new Map();
-    Object.keys(Y.current).forEach((L) => {
-      const J = Y.current[L];
-      if (J) {
-        const se = J.getBoundingClientRect();
-        x.set(L, {
-          rect: se,
-          height: J.offsetHeight,
-          width: J.offsetWidth
+  K(() => {
+    if (!(s && T))
+      return;
+    const P = (V) => {
+      V.key === "Escape" && T(null);
+    };
+    return document.addEventListener("keydown", P), () => document.removeEventListener("keydown", P);
+  }, [s, T]), Ee(() => {
+    const P = /* @__PURE__ */ new Map();
+    Object.keys(de.current).forEach((I) => {
+      const ne = de.current[I];
+      if (ne) {
+        const ue = ne.getBoundingClientRect();
+        P.set(I, {
+          rect: ue,
+          height: ne.offsetHeight,
+          width: ne.offsetWidth
         });
       }
     });
-    const z = V.current, R = 300, Z = /* @__PURE__ */ new Set();
-    Object.values(n).forEach((L) => {
-      L.forEach((J) => {
-        Z.add(J);
+    const V = De.current, ee = 300, he = /* @__PURE__ */ new Set();
+    Object.values(n).forEach((I) => {
+      I.forEach((ne) => {
+        he.add(ne);
       });
-    }), new Set(z.keys()).forEach((L) => {
-      Z.has(L) || (S(W.current, 1, "パネル削除検出 - クリーンアップ:", L), z.delete(L), Y.current[L] && delete Y.current[L]);
-    }), x.forEach((L, J) => {
-      const se = z.get(J);
-      if (se) {
-        const _ = se.rect.left - L.rect.left, oe = se.rect.top - L.rect.top;
-        if (_ !== 0 || oe !== 0) {
-          S(W.current, 2, "パネル移動検出 - アニメーション開始:", J, { dx: _, dy: oe });
-          const te = Y.current[J];
-          te && (te.style.transform = `translate(${_}px, ${oe}px)`, te.style.transition = "none", te.classList.add("is-moving"), requestAnimationFrame(() => {
-            te.style.transition = `transform ${R}ms cubic-bezier(0.2, 0, 0.2, 1)`, te.style.transform = "translate(0, 0)", setTimeout(() => {
-              te.style.transition = "", te.style.transform = "", te.classList.remove("is-moving");
-            }, R);
-          }));
+    }), new Set(V.keys()).forEach((I) => {
+      he.has(I) || (E(Q.current, 1, "パネル削除検出 - クリーンアップ:", I), V.delete(I), de.current[I] && delete de.current[I]);
+    }), P.forEach((I, ne) => {
+      const ue = V.get(ne);
+      if (ue) {
+        const J = ue.rect.left - I.rect.left, me = ue.rect.top - I.rect.top;
+        if (J !== 0 || me !== 0) {
+          E(Q.current, 2, "パネル移動検出 - アニメーション開始:", ne, { dx: J, dy: me });
+          const oe = de.current[ne];
+          if (oe) {
+            const pe = ge.current || 1;
+            oe.style.transform = `translate(${J / pe}px, ${me / 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");
+              }, ee);
+            });
+          }
         }
       } else {
-        S(W.current, 1, "新規パネル検出 - フェードインアニメーション:", J);
-        const _ = Y.current[J];
-        _ && (_.style.opacity = "0", _.style.transition = "none", requestAnimationFrame(() => {
-          _.style.transition = `opacity ${R}ms ease-out`, _.style.opacity = "1", setTimeout(() => {
-            _.style.transition = "", _.style.opacity = "";
-          }, R);
+        E(Q.current, 1, "新規パネル検出 - フェードインアニメーション:", ne);
+        const J = de.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);
         }));
       }
-    }), V.current = x;
-  }, [n]);
-  const p = (x) => {
-    if (!l[x]) return null;
-    const z = a[x];
-    if (!z)
-      return S(W.current, 1, `Panel config not found for panelId: ${x}`), null;
-    const R = z.component, Z = z.title, K = u.draggedPanel === x, L = b[x] || "normal";
-    S(W.current, 2, `🎨 renderPanel - ${x}:`, {
-      panelId: x,
-      dragMode: L,
+    }), De.current = P;
+  }, [n]), Ee(() => {
+    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;
+  }, [se]);
+  const Ge = (P) => {
+    if (!l[P]) return null;
+    const V = Ne[P];
+    if (!V)
+      return E(Q.current, 1, `Panel config not found for panelId: ${P}`), null;
+    const ee = V.component, he = V.title, ce = i.draggedPanel === P, I = h[P] || "normal";
+    E(Q.current, 2, `🎨 renderPanel - ${P}:`, {
+      panelId: P,
+      dragMode: I,
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
     });
-    const J = (_) => {
-      Y.current[x] = _, X && X(x, _), _ && k.showPanelSizes && requestAnimationFrame(() => {
-        const oe = _.getBoundingClientRect(), te = window.getComputedStyle(_);
-        S(W.current, 1, `Panel ${x} mounted with size:`, {
-          width: oe.width,
-          height: oe.height,
-          x: oe.left,
-          y: oe.top,
-          minHeight: te.minHeight,
-          maxHeight: te.maxHeight
+    const ne = (U) => {
+      de.current[P] = U, O && O(P, U), U && Y.showPanelSizes && requestAnimationFrame(() => {
+        const ve = U.getBoundingClientRect(), Re = window.getComputedStyle(U);
+        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
         });
       });
-    }, se = U[x];
+    }, ue = q[P], J = s === P, me = !!T, oe = () => T?.(J ? null : P), pe = J ? { position: "fixed", inset: 0, zIndex: 50, minHeight: 0, maxHeight: "none" } : {
+      minHeight: V.minHeight ?? "200px",
+      maxHeight: V.maxHeight ?? "500px"
+    }, be = H === "header", Oe = I === "normal" && !be && !J, Te = I === "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 ${I === "custom" ? "select-none" : ""}`, Qe = 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}`;
     return (
       // biome-ignore lint/a11y/noStaticElementInteractions: クリックイベントを持つ静的要素
       /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: J,
-          "data-panel-id": x,
-          "data-dragging": K,
+          ref: ne,
+          "data-panel-id": P,
+          "data-dragging": ce,
+          "data-maximized": J || void 0,
           role: "presentation",
-          draggable: L === "normal",
-          onDragStart: (_) => L === "normal" && C(_, x),
-          onDragEnd: y,
-          onClick: (_) => m?.(_, x),
-          onMouseDown: (_) => O?.(_, x),
-          onTouchStart: (_) => F?.(_, x),
-          onTouchMove: q,
-          onTouchEnd: B,
-          className: `panel-draggable group relative flex max-h-[500px] min-h-[200px] flex-col overflow-hidden rounded-2xl border border-slate-200 bg-white/80 p-4 text-left shadow-lg backdrop-blur-lg transition-all duration-300 hover:-translate-y-1 hover:shadow-xl ${L === "custom" ? "select-none" : ""} ${K ? "cursor-grabbing" : "cursor-grab"}`,
+          draggable: Oe,
+          onDragStart: (U) => Oe && S(U, P),
+          onDragEnd: v,
+          onClick: (U) => D?.(U, P),
+          onMouseDown: (U) => R?.(U, P),
+          onTouchStart: (U) => L?.(U, P),
+          onTouchMove: z,
+          onTouchEnd: Z,
+          style: pe,
+          className: Qe,
           children: [
-            /* @__PURE__ */ e.jsxs("div", { className: "group relative mb-3 flex items-center justify-between", 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: Z }),
-                L === "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__ */ e.jsxs("div", { className: "flex items-center space-x-1 opacity-0 transition-opacity group-hover:opacity-100", children: [
-                /* @__PURE__ */ e.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: (_) => {
-                      _.stopPropagation(), E && E(x);
-                    },
-                    onKeyDown: (_) => {
-                      (_.key === "Enter" || _.key === " ") && (_.preventDefault(), _.stopPropagation(), E && E(x));
-                    },
-                    tabIndex: 0,
-                    className: `cursor-pointer rounded p-1 text-xs transition-colors ${L === "custom" ? "bg-orange-100 text-orange-600 hover:bg-orange-200" : "text-slate-400 hover:bg-slate-100 hover:text-slate-600"}`,
-                    title: L === "custom" ? "通常ドラッグモードに戻す" : "カスタムドラッグモードに切り替え",
-                    children: L === "custom" ? /* @__PURE__ */ e.jsx(Te, { className: "h-4 w-4" }) : /* @__PURE__ */ e.jsx(Me, { className: "h-4 w-4" })
-                  }
-                ),
-                /* @__PURE__ */ e.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: (_) => {
-                      _.stopPropagation(), s({
-                        ...l,
-                        [x]: !1
-                      });
-                    },
-                    className: "rounded p-1 text-slate-400 transition-colors hover:bg-slate-100 hover:text-slate-600",
-                    title: "パネルを非表示",
-                    children: /* @__PURE__ */ e.jsx(xe, { className: "h-4 w-4" })
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "panel-scroll-area min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ e.jsx(R, { ...z.props || {} }) }),
-            /* @__PURE__ */ e.jsx(Fe, { config: k, panelId: x, sizeInfo: se, onSizeInfoClick: (_) => g?.(_, x) })
+            /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                className: `group relative mb-3 flex items-center justify-between ${be && !J ? Ae : ""}`,
+                draggable: Te,
+                onDragStart: (U) => Te && S(U, P),
+                onDoubleClick: me ? (U) => {
+                  U.stopPropagation(), oe();
+                } : 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: he }),
+                    I === "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__ */ e.jsxs("div", { className: "flex items-center space-x-1 opacity-0 transition-opacity group-hover:opacity-100", children: [
+                    /* @__PURE__ */ e.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: (U) => {
+                          U.stopPropagation(), b && b(P);
+                        },
+                        onKeyDown: (U) => {
+                          (U.key === "Enter" || U.key === " ") && (U.preventDefault(), U.stopPropagation(), b && b(P));
+                        },
+                        tabIndex: 0,
+                        className: `cursor-pointer rounded p-1 text-xs transition-colors ${I === "custom" ? "bg-orange-100 text-orange-600 hover:bg-orange-200" : "text-slate-400 hover:bg-slate-100 hover:text-slate-600"}`,
+                        title: I === "custom" ? "通常ドラッグモードに戻す" : "カスタムドラッグモードに切り替え",
+                        children: I === "custom" ? /* @__PURE__ */ e.jsx(nt, { className: "h-4 w-4" }) : /* @__PURE__ */ e.jsx(rt, { className: "h-4 w-4" })
+                      }
+                    ),
+                    !J && /* @__PURE__ */ e.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: (U) => {
+                          U.stopPropagation(), o({
+                            ...l,
+                            [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" })
+                      }
+                    ),
+                    me && /* @__PURE__ */ e.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: (U) => {
+                          U.stopPropagation(), oe();
+                        },
+                        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" })
+                      }
+                    ),
+                    N && /* @__PURE__ */ e.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: (U) => {
+                          U.stopPropagation(), N(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" })
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsx("div", { 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: (U) => m?.(U, P) })
           ]
         },
-        x
+        P
       )
     );
-  }, M = (x, z) => {
-    const R = n[x] || [];
-    let Z = !1;
-    for (const L of R)
-      if (l[L]) {
-        Z = !0;
+  }, Je = (P, V) => {
+    const ee = n[P] || [];
+    let he = !1;
+    for (const I of ee)
+      if (l[I]) {
+        he = !0;
         break;
       }
-    const K = u.isDragging || ($?.isActive ?? !1);
-    return /* @__PURE__ */ e.jsx(Pe, { columnIndex: z, isDragging: K, dragOverPosition: d, config: k, children: /* @__PURE__ */ e.jsxs(
+    const ce = i.isDragging || (A?.isActive ?? !1);
+    return /* @__PURE__ */ e.jsx(Ue, { columnIndex: V, isDragging: ce, dragOverPosition: u, config: Y, children: /* @__PURE__ */ e.jsxs(
       "section",
       {
         "data-drop-zone": "true",
-        "data-column-key": x,
-        "data-column-index": z,
-        "aria-label": `Drop zone for column ${z + 1}`,
-        onDragOver: (L) => o(L, z),
-        onDrop: (L) => w(L, x),
-        onDragLeave: D,
+        "data-column-key": P,
+        "data-column-index": V,
+        "aria-label": `Drop zone for column ${V + 1}`,
+        onDragOver: (I) => y(I, V),
+        onDrop: (I) => a(I, 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(
-            fe,
+            Ce,
             {
               index: 0,
-              columnIndex: z,
-              isDragging: K,
-              dragOverPosition: d,
+              columnIndex: V,
+              isDragging: ce,
+              dragOverPosition: u,
               originalPosition: c,
-              onDragEnter: A,
-              onDragLeave: T,
-              debugConfig: k,
-              customDrag: $
+              onDragEnter: $,
+              onDragLeave: M,
+              debugConfig: Y,
+              customDrag: A
             }
           ) }),
-          R.map((L, J) => {
-            const se = l[L], _ = !(se || K);
-            return /* @__PURE__ */ e.jsxs("div", { className: `panel-with-placeholder ${_ ? "m-0 h-0 overflow-hidden p-0" : ""}`, "data-panel-hidden": _ ? "true" : void 0, "aria-hidden": _ ? "true" : void 0, children: [
-              se ? p(L) : K ? (
+          ee.map((I, ne) => {
+            const ue = l[I], 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(I) : ce ? (
                 /* ドラッグ中のみ隠されたパネルのダミー表示 */
                 /* @__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: a[L]?.title || L }),
+                    /* @__PURE__ */ e.jsx("h3", { className: "font-semibold text-amber-700 text-base", children: Ne[I]?.title || I }),
                     /* @__PURE__ */ e.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(xe, { className: "mx-auto h-6 w-6 opacity-50" }),
+                    /* @__PURE__ */ e.jsx(Le, { className: "mx-auto h-6 w-6 opacity-50" }),
                     /* @__PURE__ */ e.jsx("p", { className: "mt-1 text-xs", children: "このパネルは非表示です" })
                   ] }) }) })
                 ] })
               ) : null,
               /* @__PURE__ */ e.jsx(
-                fe,
+                Ce,
                 {
-                  index: J + 1,
-                  columnIndex: z,
-                  isDragging: K,
-                  dragOverPosition: d,
+                  index: ne + 1,
+                  columnIndex: V,
+                  isDragging: ce,
+                  dragOverPosition: u,
                   originalPosition: c,
-                  onDragEnter: A,
-                  onDragLeave: T,
-                  debugConfig: k,
-                  customDrag: $
+                  onDragEnter: $,
+                  onDragLeave: M,
+                  debugConfig: Y,
+                  customDrag: A
                 }
               )
-            ] }, `panel-${L}`);
+            ] }, `panel-${I}`);
           }),
-          !(Z || K) && /* @__PURE__ */ e.jsx("div", { className: "textcenter flex-shrink-0 rounded-xl border-2 border-slate-200 border-dashed bg-white/30 p-8 text-slate-400 transition-all duration-200", children: /* @__PURE__ */ e.jsx("div", { className: "text-sm", children: "このエリアは空です" }) })
+          !(he || ce) && /* @__PURE__ */ e.jsx("div", { className: "textcenter flex-shrink-0 rounded-xl border-2 border-slate-200 border-dashed bg-white/30 p-8 text-slate-400 transition-all duration-200", children: /* @__PURE__ */ e.jsx("div", { className: "text-sm", children: "このエリアは空です" }) })
         ]
       }
     ) });
-  }, I = Object.keys(l).filter((x) => !l[x]);
+  }, $e = Object.keys(l).filter((P) => !l[P]);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col", children: [
-    I.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: [
+    $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: "非表示のパネル:" }),
-      I.map((x) => {
-        const R = a[x]?.title || x;
+      $e.map((P) => {
+        const ee = Ne[P]?.title || P;
         return /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            onClick: () => s({
+            onClick: () => o({
               ...l,
-              [x]: !0
+              [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(Oe, { className: "h-3 w-3" }),
-              /* @__PURE__ */ e.jsx("span", { children: R })
+              /* @__PURE__ */ e.jsx(tt, { className: "h-3 w-3" }),
+              /* @__PURE__ */ e.jsx("span", { children: ee })
             ]
           },
-          x
+          P
         );
       })
     ] }) }),
-    /* @__PURE__ */ e.jsx("main", { className: "no-scrollbar 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((x, z) => {
-      const R = h?.[x.id] || x.initialWidth || 350, Z = Q && (x.resizable ?? !0);
-      return /* @__PURE__ */ e.jsx(Ce, { children: /* @__PURE__ */ e.jsxs(
+    /* @__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", { 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, he = _ && (P.resizable ?? !0);
+      return /* @__PURE__ */ e.jsx(et, { children: /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `column relative ${x.className || ""} ${Q ? "resize-enabled-column" : "auto-width-column"} ${j && i === x.id ? "column-resizing-active" : ""}`,
-          "data-column": z,
-          "data-column-id": x.id,
-          "data-min-width": x.minWidth || 350,
-          "data-max-width": x.maxWidth,
-          "data-column-width": Q ? R : void 0,
-          ...Q && {
-            style: { "--column-width": `${R}px` }
+          className: `column relative ${P.className || ""} ${_ ? "resize-enabled-column" : "auto-width-column"} ${x && p === P.id ? "column-resizing-active" : ""}`,
+          "data-column": V,
+          "data-column-id": P.id,
+          "data-min-width": P.minWidth || 350,
+          "data-max-width": P.maxWidth,
+          "data-column-width": _ ? ee : void 0,
+          ..._ && {
+            style: { "--column-width": `${ee}px` }
           },
           children: [
-            M(x.key, z),
-            Z && f && v && N && /* @__PURE__ */ e.jsx(De, { columnId: x.id, onResizeStart: f, onResize: v, onResizeEnd: N, isResizing: j && i === x.id, position: "right", debug: k })
+            Je(P.key, V),
+            he && g && C && W && /* @__PURE__ */ e.jsx(qe, { columnId: P.id, onResizeStart: g, onResize: C, onResizeEnd: W, isResizing: x && p === P.id, position: "right", debug: Y })
           ]
         }
-      ) }, x.id);
-    }) }) })
+      ) }, P.id);
+    }) }) }) }) })
   ] });
-}, tt = ({ columnCount: r, onColumnCountChange: t, onAutoBalance: n, onResetWidths: l, minColumns: s = 2, maxColumns: u = 6, isResizing: d = !1, isResponsiveMode: c = !1, responsiveColumnCount: b }) => {
-  const C = r > s && !c, y = r < u && !c;
+}, $t = ({ columnCount: r, onColumnCountChange: t, onAutoBalance: n, onResetWidths: l, minColumns: o = 2, maxColumns: i = 6, isResizing: u = !1, isResponsiveMode: c = !1, responsiveColumnCount: h }) => {
+  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: "カラム数:" }),
@@ -916,26 +1011,26 @@ const et = ({
         "button",
         {
           type: "button",
-          onClick: () => C && t(r - 1),
-          disabled: !C || d,
-          className: `rounded p-1 text-xs transition-colors ${C && !d ? "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 ? "レスポンシブモード中：カラム数は自動調整されます" : `カラムを削除 (最小: ${s}列)`,
-          children: /* @__PURE__ */ e.jsx(Ae, { className: "h-3 w-3" })
+          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"}`,
+          title: c ? "レスポンシブモード中：カラム数は自動調整されます" : `カラムを削除 (最小: ${o}列)`,
+          children: /* @__PURE__ */ e.jsx(lt, { 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 ? b ?? r : r,
+        c ? h ?? r : r,
         c && /* @__PURE__ */ e.jsx("span", { className: "ml-1 text-xs", children: "自動" })
       ] }),
       /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
-          onClick: () => y && t(r + 1),
-          disabled: !y || d,
-          className: `rounded p-1 text-xs transition-colors ${y && !d ? "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 ? "レスポンシブモード中：カラム数は自動調整されます" : `カラムを追加 (最大: ${u}列)`,
-          children: /* @__PURE__ */ e.jsx(me, { className: "h-3 w-3" })
+          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"}`,
+          title: c ? "レスポンシブモード中：カラム数は自動調整されます" : `カラムを追加 (最大: ${i}列)`,
+          children: /* @__PURE__ */ e.jsx(Se, { className: "h-3 w-3" })
         }
       )
     ] }),
@@ -946,11 +1041,11 @@ const et = ({
         {
           type: "button",
           onClick: n,
-          disabled: d,
-          className: `flex items-center gap-1 rounded px-2 py-1 text-xs transition-colors ${d ? "cursor-not-allowed border border-slate-200 bg-slate-50 text-slate-300" : "border border-slate-300 text-slate-600 hover:border-green-300 hover:bg-green-50 hover:text-green-600"}`,
+          disabled: 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-green-300 hover:bg-green-50 hover:text-green-600"}`,
           title: "パネルを全カラムに均等分散",
           children: [
-            /* @__PURE__ */ e.jsx($e, { className: "h-3 w-3" }),
+            /* @__PURE__ */ e.jsx(at, { className: "h-3 w-3" }),
             /* @__PURE__ */ e.jsx("span", { children: "バランス" })
           ]
         }
@@ -960,50 +1055,50 @@ const et = ({
         {
           type: "button",
           onClick: l,
-          disabled: d,
-          className: `flex items-center gap-1 rounded px-2 py-1 text-xs transition-colors ${d ? "cursor-not-allowed border border-slate-200 bg-slate-50 text-slate-300" : "border border-slate-300 text-slate-600 hover:border-orange-300 hover:bg-orange-50 hover:text-orange-600"}`,
+          disabled: 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(Re, { className: "h-3 w-3" }),
+            /* @__PURE__ */ e.jsx(it, { className: "h-3 w-3" }),
             /* @__PURE__ */ e.jsx("span", { children: "幅リセット" })
           ]
         }
       )
     ] }),
-    d && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1 text-blue-600 text-xs", 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: "リサイズ中..." })
     ] })
   ] });
-}, nt = ({ columnCount: r, onInsertColumn: t, onDeleteColumn: n, minColumns: l = 1, maxColumns: s = 6, isResizing: u = !1, disabled: d = !1 }) => {
-  const c = r < s && !d, b = r > l && !d;
-  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 ${d ? "bg-slate-100/80 opacity-60" : "bg-white/80"}`, children: [
-    d && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2 text-slate-500 text-xs", children: /* @__PURE__ */ e.jsx("span", { children: "レスポンシブモード有効中：カラム数は自動調整されます" }) }),
-    !d && /* @__PURE__ */ e.jsxs(e.Fragment, { 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, h = 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(
         "button",
         {
           type: "button",
           onClick: () => c && t(0),
-          disabled: !c || u,
-          className: `flex h-8 w-8 items-center justify-center rounded border-2 border-dashed text-xs transition-colors ${c && !u ? "border-blue-300 text-blue-600 hover:border-blue-500 hover:bg-blue-50" : "cursor-not-allowed border-slate-200 text-slate-300"}`,
+          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(me, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ e.jsx(Se, { className: "h-4 w-4" })
         }
       ),
-      Array.from({ length: r }, (C, y) => (
+      Array.from({ length: r }, (S, v) => (
         // biome-ignore lint/suspicious/noArrayIndexKey: 表示目的の単純なリスト
         /* @__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: y + 1 }),
-            b && !u && /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e.jsx("span", { className: "font-medium font-mono text-slate-700 text-xs", children: v + 1 }),
+            h && !i && /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
-                onClick: () => n(y),
+                onClick: () => n(v),
                 className: "absolute -top-1 -right-1 flex h-4 w-4 items-center justify-center rounded-full border border-red-300 bg-red-100 text-red-600 hover:bg-red-200",
-                title: `カラム ${y + 1} を削除`,
-                children: /* @__PURE__ */ e.jsx(_e, { className: "h-2.5 w-2.5" })
+                title: `カラム ${v + 1} を削除`,
+                children: /* @__PURE__ */ e.jsx(He, { className: "h-2.5 w-2.5" })
               }
             )
           ] }),
@@ -1011,18 +1106,18 @@ const et = ({
             "button",
             {
               type: "button",
-              onClick: () => c && t(y + 1),
-              disabled: !c || u,
-              className: `flex h-8 w-8 items-center justify-center rounded border-2 border-dashed text-xs transition-colors ${c && !u ? "border-blue-300 text-blue-600 hover:border-blue-500 hover:bg-blue-50" : "cursor-not-allowed border-slate-200 text-slate-300"}`,
+              onClick: () => c && t(v + 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(me, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e.jsx(Se, { className: "h-4 w-4" })
             }
           )
-        ] }, `column-${y}`)
+        ] }, `column-${v}`)
       ))
     ] })
   ] });
-}, rt = ({ 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: [
+}, 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: "✕" })
@@ -1034,9 +1129,9 @@ const et = ({
         {
           type: "checkbox",
           checked: r.showDebugPanel ?? !1,
-          onChange: (s) => t({
+          onChange: (o) => t({
             ...r,
-            showDebugPanel: s.target.checked
+            showDebugPanel: o.target.checked
           }),
           className: "rounded"
         }
@@ -1049,9 +1144,9 @@ const et = ({
         {
           type: "checkbox",
           checked: r.showMousePosition ?? !1,
-          onChange: (s) => t({
+          onChange: (o) => t({
             ...r,
-            showMousePosition: s.target.checked
+            showMousePosition: o.target.checked
           }),
           className: "rounded"
         }
@@ -1064,9 +1159,9 @@ const et = ({
         {
           type: "checkbox",
           checked: r.showPanelSizes ?? !1,
-          onChange: (s) => t({
+          onChange: (o) => t({
             ...r,
-            showPanelSizes: s.target.checked
+            showPanelSizes: o.target.checked
           }),
           className: "rounded"
         }
@@ -1079,9 +1174,9 @@ const et = ({
         {
           type: "checkbox",
           checked: r.showPlaceholderInfo ?? !1,
-          onChange: (s) => t({
+          onChange: (o) => t({
             ...r,
-            showPlaceholderInfo: s.target.checked
+            showPlaceholderInfo: o.target.checked
           }),
           className: "rounded"
         }
@@ -1094,9 +1189,9 @@ const et = ({
         {
           type: "checkbox",
           checked: r.showDropZoneOutlines ?? !1,
-          onChange: (s) => t({
+          onChange: (o) => t({
             ...r,
-            showDropZoneOutlines: s.target.checked
+            showDropZoneOutlines: o.target.checked
           }),
           className: "rounded"
         }
@@ -1116,9 +1211,9 @@ const et = ({
           min: "0",
           max: "2",
           value: r.logLevel ?? 0,
-          onChange: (s) => t({
+          onChange: (o) => t({
             ...r,
-            logLevel: parseInt(s.target.value, 10)
+            logLevel: parseInt(o.target.value, 10)
           }),
           className: "w-full",
           "aria-label": "ログレベル設定"
@@ -1165,326 +1260,326 @@ const et = ({
       )
     ] })
   ] })
-] }) : /* @__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: "🛠️" }), re = {
+] }) : /* @__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 = {
   prefix: "column",
   startIndex: 1,
   separator: "_"
-}, ce = (r, t = re) => {
-  const { prefix: n, startIndex: l, separator: s } = t, u = r + l;
-  return `${n}${s}${u}`;
-}, Ne = (r, t = re) => Array.from({ length: r }, (n, l) => ce(l, t)), ue = (r, t = re) => {
-  const { prefix: n, startIndex: l, separator: s } = t, u = `${n}${s}`;
-  if (!r.startsWith(u))
+}, we = (r, t = ae) => {
+  const { prefix: n, startIndex: l, separator: o } = t, i = r + l;
+  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}`;
+  if (!r.startsWith(i))
     return null;
-  const d = r.slice(u.length), c = parseInt(d, 10);
+  const u = r.slice(i.length), c = parseInt(u, 10);
   return Number.isNaN(c) || c < l ? null : c - l;
-}, st = (r, t = re) => ue(r, t) !== null, ot = (r, t = re) => {
-  const n = r.map((l) => ue(l, t)).filter((l) => l !== null).sort((l, s) => l - s);
+}, 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 ce(l, t);
-  return ce(n.length, t);
-}, He = (r, t = re) => r.sort((n, l) => {
-  const s = ue(n, t) ?? -1, u = ue(l, t) ?? -1;
-  return s - u;
-}), lt = (r, t = re) => {
+      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 o - i;
+}), Rt = (r, t = ae) => {
   const n = {};
-  return r.forEach((l, s) => {
-    const u = ce(s, t);
-    n[l] = u;
+  return r.forEach((l, o) => {
+    const i = we(o, t);
+    n[l] = i;
   }), n;
-}, Ie = (r, t, n = re) => {
+}, vt = (r, t, n = ae) => {
   const l = [];
-  Object.values(r).forEach((d) => {
-    l.push(...d);
+  Object.values(r).forEach((u) => {
+    l.push(...u);
   });
-  const s = {}, u = Ne(t, n);
-  return u.forEach((d) => {
-    s[d] = [];
-  }), l.forEach((d, c) => {
-    const b = c % t, C = u[b];
-    s[C].push(d);
-  }), s;
-}, at = ({ initialColumns: r, initialPanels: t, debug: n = {}, onLayoutChange: l }) => {
-  const [s, u] = ee(() => {
-    const h = {};
-    for (const f of r)
-      h[f.id] = f.initialWidth || 400;
+  const o = {}, i = Ve(t, n);
+  return i.forEach((u) => {
+    o[u] = [];
+  }), l.forEach((u, c) => {
+    const h = c % t, S = i[h];
+    o[S].push(u);
+  }), o;
+}, Lt = ({ initialColumns: r, initialPanels: t, debug: n = {}, onLayoutChange: l }) => {
+  const [o, i] = te(() => {
+    const f = {};
+    for (const g of r)
+      f[g.id] = g.initialWidth || 400;
     return {
       columns: r,
-      columnWidths: h,
+      columnWidths: f,
       isResizing: !1,
       resizingColumn: null,
       columnPanels: t,
       showInsertPlaceholders: !1
     };
-  }), d = H(0), c = H(0);
-  G(() => {
-    l?.(s);
-  }, [s, l]);
-  const b = P(
-    (h, f) => {
-      S(n, 1, "カラム追加:", h.id, "at position:", f), u((v) => {
-        const N = [...v.columns], j = f ?? N.length;
-        N.splice(j, 0, h);
-        const i = {
-          ...v.columnWidths,
-          [h.id]: h.initialWidth || 400
-        }, g = {
-          ...v.columnPanels,
-          [h.id]: []
+  }), u = F(0), c = F(0);
+  K(() => {
+    l?.(o);
+  }, [o, l]);
+  const h = 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 = {
+          ...C.columnWidths,
+          [f.id]: f.initialWidth || 400
+        }, m = {
+          ...C.columnPanels,
+          [f.id]: []
         };
         return {
-          ...v,
-          columns: N,
-          columnWidths: i,
-          columnPanels: g
+          ...C,
+          columns: W,
+          columnWidths: p,
+          columnPanels: m
         };
       });
     },
     [n]
-  ), C = P(
-    (h) => {
-      S(n, 1, "カラム削除:", h), u((f) => {
-        const v = f.columnPanels[h] || [], N = f.columns.filter((E) => E.id !== h);
-        if (N.length === 0)
-          return S(n, 1, "警告: 最後のカラムを削除しようとしています"), f;
-        const j = N[0].id, i = { ...f.columnPanels };
-        v.length > 0 && (i[j] = [...i[j], ...v]), delete i[h];
-        const g = { ...f.columnWidths };
-        return delete g[h], {
-          ...f,
-          columns: N,
-          columnWidths: g,
-          columnPanels: i
+  ), S = w(
+    (f) => {
+      E(n, 1, "カラム削除:", f), i((g) => {
+        const C = g.columnPanels[f] || [], W = g.columns.filter((b) => b.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 m = { ...g.columnWidths };
+        return delete m[f], {
+          ...g,
+          columns: W,
+          columnWidths: m,
+          columnPanels: p
         };
       });
     },
     [n]
-  ), y = P(
-    (h, f) => {
-      S(n, 1, "カラム移動:", h, "->", f), u((v) => {
-        const N = [...v.columns], [j] = N.splice(h, 1);
-        return N.splice(f, 0, j), {
-          ...v,
-          columns: 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), {
+          ...C,
+          columns: W
         };
       });
     },
     [n]
-  ), A = P(
-    (h, f) => {
-      S(n, 2, "リサイズ開始:", h, "at X:", f), d.current = f, c.current = s.columnWidths[h] || 300, u((v) => ({
-        ...v,
+  ), $ = w(
+    (f, g) => {
+      E(n, 2, "リサイズ開始:", f, "at X:", g), u.current = g, c.current = o.columnWidths[f] || 300, i((C) => ({
+        ...C,
         isResizing: !0,
-        resizingColumn: h
+        resizingColumn: f
       }));
     },
-    [n, s.columnWidths]
-  ), T = P(
-    (h) => {
-      const { resizingColumn: f, isResizing: v } = s;
-      if (!(v && f)) return;
-      const N = h - d.current, j = Math.max(100, Math.min(800, c.current + N));
-      S(n, 2, "リサイズ中:", f, "new width:", j), u((i) => ({
-        ...i,
+    [n, o.columnWidths]
+  ), M = 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,
         columnWidths: {
-          ...i.columnWidths,
-          [f]: j
+          ...p.columnWidths,
+          [g]: x
         }
       }));
     },
-    [n, s]
-  ), o = P(() => {
-    S(n, 2, "リサイズ終了"), u((h) => ({
-      ...h,
+    [n, o]
+  ), y = w(() => {
+    E(n, 2, "リサイズ終了"), i((f) => ({
+      ...f,
       isResizing: !1,
       resizingColumn: null
     }));
-  }, [n]), w = P(
-    (h, f) => {
-      S(n, 2, "カラム幅設定:", h, f), u((v) => ({
-        ...v,
+  }, [n]), a = w(
+    (f, g) => {
+      E(n, 2, "カラム幅設定:", f, g), i((C) => ({
+        ...C,
         columnWidths: {
-          ...v.columnWidths,
-          [h]: Math.max(100, Math.min(800, f))
+          ...C.columnWidths,
+          [f]: Math.max(100, Math.min(800, g))
         }
       }));
     },
     [n]
-  ), D = P(() => {
-    S(n, 1, "カラム幅リセット"), u((h) => {
-      const f = {};
-      for (const v of h.columns)
-        f[v.id] = v.initialWidth || 400;
+  ), j = w(() => {
+    E(n, 1, "カラム幅リセット"), i((f) => {
+      const g = {};
+      for (const C of f.columns)
+        g[C.id] = C.initialWidth || 400;
       return {
-        ...h,
-        columnWidths: f
+        ...f,
+        columnWidths: g
       };
     });
-  }, [n]), m = P(
-    (h, f, v, N) => {
-      S(n, 1, "パネル移動:", h, "from", f, "to", v, "at", N), u((j) => {
-        const i = { ...j.columnPanels };
-        if (f in i && (i[f] = i[f].filter((g) => g !== h)), v in i) {
-          const g = [...i[v]];
-          g.splice(N, 0, h), i[v] = g;
+  }, [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((m) => m !== f)), C in p) {
+          const m = [...p[C]];
+          m.splice(W, 0, f), p[C] = m;
         }
         return {
-          ...j,
-          columnPanels: i
+          ...x,
+          columnPanels: p
         };
       });
     },
     [n]
-  ), O = P(
-    (h, f, v) => {
-      S(n, 1, "パネル追加:", h, "to column:", f), u((N) => {
-        const j = { ...N.columnPanels };
-        f in j || (j[f] = []);
-        const i = [...j[f]], g = v ?? i.length;
-        return i.splice(g, 0, h), j[f] = i, {
-          ...N,
-          columnPanels: j
+  ), 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]], m = C ?? p.length;
+        return p.splice(m, 0, f), x[g] = p, {
+          ...W,
+          columnPanels: x
         };
       });
     },
     [n]
-  ), F = P(
-    (h) => {
-      S(n, 1, "パネル削除:", h), u((f) => {
-        const v = {};
-        for (const [N, j] of Object.entries(f.columnPanels))
-          v[N] = j.filter((i) => i !== h);
+  ), L = w(
+    (f) => {
+      E(n, 1, "パネル削除:", f), i((g) => {
+        const C = {};
+        for (const [W, x] of Object.entries(g.columnPanels))
+          C[W] = x.filter((p) => p !== f);
         return {
-          ...f,
-          columnPanels: v
+          ...g,
+          columnPanels: C
         };
       });
     },
     [n]
-  ), q = P(
-    (h) => {
-      S(n, 1, "カラム数更新:", h), u((f) => {
-        const v = f.columns.length;
-        if (h === v) return f;
-        const N = Ie(f.columnPanels, h, re), j = Ne(h, re), i = f.isResizing && f.resizingColumn && !j.includes(f.resizingColumn);
-        i && S(n, 1, "リサイズ中のカラムが削除されるためリサイズを強制終了:", f.resizingColumn);
-        const g = j.map((Y, V) => ({
-          id: Y,
-          title: `カラム ${V + 1}`,
+  ), 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 m = x.map((A, H) => ({
+          id: A,
+          title: `カラム ${H + 1}`,
           minWidth: 350,
           maxWidth: 800,
           initialWidth: 400,
-          resizable: !(V === 1 && h === 3)
-        })), E = {};
-        if (Object.entries(f.columnWidths).some(([, Y]) => Y !== 400))
-          j.forEach((Y) => {
-            const V = f.columnWidths[Y];
-            V && V !== 400 ? E[Y] = V : E[Y] = 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;
           });
         else {
-          const Y = v > h ? Object.values(f.columnWidths).reduce((a, p) => a + p, 0) : h * 400, V = Math.max(Y / h, 350);
-          j.forEach((a) => {
-            E[a] = V;
+          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;
           });
         }
         return {
-          ...f,
-          columns: g,
-          columnPanels: N,
-          columnWidths: E,
-          isResizing: i ? !1 : f.isResizing,
-          resizingColumn: i ? null : f.resizingColumn
+          ...g,
+          columns: m,
+          columnPanels: W,
+          columnWidths: b,
+          isResizing: p ? !1 : g.isResizing,
+          resizingColumn: p ? null : g.resizingColumn
         };
       });
     },
     [n]
-  ), B = P(() => {
-    S(n, 1, "カラム自動バランス調整"), u((h) => {
-      const f = [];
-      for (const j of Object.keys(h.columnPanels))
-        for (const i of h.columnPanels[j])
-          f.push(i);
-      const v = {};
-      for (const j of h.columns)
-        v[j.id] = [];
-      let N = 0;
-      for (const j of f) {
-        const i = h.columns[N % h.columns.length].id;
-        v[i].push(j), N += 1;
+  ), 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 C = {};
+      for (const x of f.columns)
+        C[x.id] = [];
+      let W = 0;
+      for (const x of g) {
+        const p = f.columns[W % f.columns.length].id;
+        C[p].push(x), W += 1;
       }
       return {
-        ...h,
-        columnPanels: v
+        ...f,
+        columnPanels: C
       };
     });
-  }, [n]), k = P(
-    (h) => s.columns.find((f) => f.id === h),
-    [s.columns]
-  ), U = P(() => {
-    let h = 0;
-    for (const f of Object.values(s.columnWidths))
-      h += f;
-    return h;
-  }, [s.columnWidths]), X = P((h) => document.querySelector(`[data-column-id="${h}"]`), []), Q = P((h) => {
-    u((f) => ({
-      ...f,
-      showInsertPlaceholders: h
+  }, [n]), Y = w(
+    (f) => o.columns.find((g) => g.id === f),
+    [o.columns]
+  ), q = w(() => {
+    let f = 0;
+    for (const g of Object.values(o.columnWidths))
+      f += g;
+    return f;
+  }, [o.columnWidths]), O = w((f) => document.querySelector(`[data-column-id="${f}"]`), []), _ = w((f) => {
+    i((g) => ({
+      ...g,
+      showInsertPlaceholders: f
     }));
   }, []);
   return {
-    layoutState: s,
-    addColumn: b,
-    removeColumn: C,
-    moveColumn: y,
-    startResize: A,
-    handleResize: T,
-    endResize: o,
-    setColumnWidth: w,
-    resetColumnWidths: D,
-    movePanel: m,
-    addPanel: O,
-    removePanel: F,
-    updateColumnCount: q,
-    autoBalanceColumns: B,
-    getColumnById: k,
-    getTotalWidth: U,
-    getColumnElement: X,
-    setShowInsertPlaceholders: Q
+    layoutState: o,
+    addColumn: h,
+    removeColumn: S,
+    moveColumn: v,
+    startResize: $,
+    handleResize: M,
+    endResize: y,
+    setColumnWidth: a,
+    resetColumnWidths: j,
+    movePanel: D,
+    addPanel: R,
+    removePanel: L,
+    updateColumnCount: z,
+    autoBalanceColumns: Z,
+    getColumnById: Y,
+    getTotalWidth: q,
+    getColumnElement: O,
+    setShowInsertPlaceholders: _
   };
-}, de = {
+}, Pe = {
   triggerDistance: 80,
   scrollSpeed: 5,
   maxScrollSpeed: 20
-}, ve = (r, t, n = de, l) => {
-  const { triggerDistance: s, scrollSpeed: u, maxScrollSpeed: d } = n;
+}, Ye = (r, t, n = Pe, l) => {
+  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: b, top: C, right: y, bottom: A } = c;
-  let T = 0, o = 0;
-  if (r >= b && r <= y && t >= C && t <= A) {
-    if (r < b + s) {
-      const w = Math.max(0, (b + s - r) / s);
-      T = -Math.min(d, u + w * (d - u));
-    } else if (r > y - s) {
-      const w = Math.max(0, (r - (y - s)) / s);
-      T = Math.min(d, u + w * (d - u));
+  const { left: h, top: S, right: v, bottom: $ } = c;
+  let M = 0, y = 0;
+  if (r >= h && r <= v && t >= S && t <= $) {
+    if (r < h + o) {
+      const a = Math.max(0, (h + 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));
     }
-    if (t < C + s) {
-      const w = Math.max(0, (C + s - t) / s);
-      o = -Math.min(d, u + w * (d - u));
-    } else if (t > A - s) {
-      const w = Math.max(0, (t - (A - s)) / s);
-      o = Math.min(d, u + w * (d - u));
+    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));
     }
   }
-  return { x: T, y: o };
-}, qe = (r, t) => {
+  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));
 };
-class Ee {
-  constructor(t = de, n) {
+class Be {
+  constructor(t = Pe, n) {
     this.intervalId = null, this.isActive = !1, this.config = t, this.scrollElement = n;
   }
   setScrollElement(t) {
@@ -1492,12 +1587,12 @@ class Ee {
   }
   start(t, n) {
     this.isActive || (this.isActive = !0, this.intervalId = window.setInterval(() => {
-      const l = ve(t, n, this.config, this.scrollElement);
-      qe(l, this.scrollElement);
+      const l = Ye(t, n, this.config, this.scrollElement);
+      yt(l, this.scrollElement);
     }, 16));
   }
   update(t, n) {
-    const l = ve(t, n, this.config, this.scrollElement);
+    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();
   }
   stop() {
@@ -1510,717 +1605,733 @@ class Ee {
     this.config = t;
   }
 }
-const Ue = ({
+const wt = ({
   debugConfig: r,
   dragState: t,
   customDrag: n,
   clickState: l,
-  dragModes: s,
-  isMouseDown: u,
-  dragOverPosition: d,
+  dragModes: o,
+  isMouseDown: i,
+  dragOverPosition: u,
   setCustomDrag: c,
-  setDragState: b,
-  setDragOverPosition: C,
-  setOriginalPanelPosition: y,
-  setClickState: A,
-  setIsMouseDown: T,
-  findPanelPosition: o,
-  performPanelMove: w,
-  showMousePosition: D,
-  updateMousePosition: m,
-  recordMouseDown: O,
-  recordClickPosition: F,
-  isVirtualClick: q,
-  calculateMoveDistance: B,
-  clearMouseTracking: k,
-  resetDragState: U,
-  resetClickState: X,
-  createDragImage: Q,
-  updateDragImagePosition: h,
-  removeDragImage: f,
-  handlePlaceholderDragEnter: v,
-  handlePlaceholderDragLeave: N
+  setDragState: h,
+  setDragOverPosition: S,
+  setOriginalPanelPosition: v,
+  setClickState: $,
+  setIsMouseDown: M,
+  findPanelPosition: y,
+  performPanelMove: a,
+  showMousePosition: j,
+  updateMousePosition: D,
+  recordMouseDown: R,
+  recordClickPosition: L,
+  isVirtualClick: z,
+  calculateMoveDistance: Z,
+  clearMouseTracking: Y,
+  resetDragState: q,
+  resetClickState: O,
+  createDragImage: _,
+  updateDragImagePosition: f,
+  removeDragImage: g,
+  handlePlaceholderDragEnter: C,
+  handlePlaceholderDragLeave: W
 }) => {
-  const j = H(r);
-  j.current = r;
-  const i = H(null), g = H(null), E = H(0), $ = H(new Ee(de));
-  G(() => {
-    const p = document.querySelector("main.max-w-full.flex-1.overflow-auto");
-    p && $.current.setScrollElement(p);
+  const x = F(r);
+  x.current = r;
+  const p = F(null), m = F(null), b = F(0), N = F(new Be(Pe));
+  K(() => {
+    const d = document.querySelector("main.max-w-full.flex-1.overflow-auto");
+    d && N.current.setScrollElement(d);
   }, []);
-  const W = H(d);
-  G(() => {
-    W.current = d, S(j.current, 2, "dragOverPositionRef更新:", d);
-  }, [d]);
-  const Y = P(
-    (p) => {
+  const T = F(u);
+  K(() => {
+    T.current = u, E(x.current, 2, "dragOverPositionRef更新:", u);
+  }, [u]);
+  const A = w(
+    (d) => {
       if (n.isActive || l.isClicked) {
-        p.preventDefault();
-        const M = window.getSelection();
-        M && M.rangeCount > 0 && M.removeAllRanges();
+        d.preventDefault();
+        const k = window.getSelection();
+        k && k.rangeCount > 0 && k.removeAllRanges();
       }
       if (n.isActive) {
-        m(p.clientX, p.clientY), h(p.clientX, p.clientY), $.current.update(p.clientX, p.clientY);
-        const M = document.elementFromPoint(p.clientX, p.clientY), I = M?.closest("[data-drop-zone]");
-        if (I) {
+        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]");
+        if (X) {
           document.body.classList.add("droppable");
-          const x = I.getAttribute("data-column-index"), z = x ? parseInt(x, 10) : null;
-          z !== null && z !== t.dragOverColumn && b((Z) => ({ ...Z, dragOverColumn: z }));
-          const R = M?.closest("[data-placeholder-index]");
-          if (R) {
-            const Z = R.getAttribute("data-placeholder-index"), K = R.getAttribute("data-placeholder-column");
-            if (Z && K) {
-              const L = parseInt(Z, 10), J = parseInt(K, 10);
-              v(J, L);
+          const G = X.getAttribute("data-column-index"), Q = G ? parseInt(G, 10) : null;
+          Q !== null && Q !== t.dragOverColumn && h((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);
+              C(ge, se);
             }
           } else
-            N();
+            W();
         } else
-          document.body.classList.remove("droppable"), C(null), b((x) => ({ ...x, dragOverColumn: null }));
-      } else if (u && l.isClicked && l.panelId) {
-        if (s[l.panelId] !== "custom" || B(p.clientX, p.clientY) < 10) return;
-        S(j.current, 1, "🚀 カスタムドラッグ開始 -", l.panelId);
-        const I = document.querySelector(`[data-panel-id="${l.panelId}"]`);
-        if (I && g.current) {
-          const x = I.getBoundingClientRect(), z = g.current.x - x.left, R = g.current.y - x.top;
-          Q(l.panelId, z, R), document.body.classList.add("custom-dragging"), c({
+          document.body.classList.remove("droppable"), S(null), h((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 && m.current) {
+          const G = X.getBoundingClientRect(), Q = m.current.x - G.left, B = m.current.y - G.top;
+          _(l.panelId, Q, B), document.body.classList.add("custom-dragging"), c({
             isActive: !0,
             panelId: l.panelId,
-            startX: z,
-            startY: R
+            startX: Q,
+            startY: B
           });
         }
-        b({ isDragging: !0, draggedPanel: l.panelId, dragOverColumn: null }), y(o(l.panelId)), D(p.clientX, p.clientY), A({ isClicked: !1, panelId: null }), T(!1), k(), g.current = null, i.current && (clearTimeout(i.current), i.current = null);
+        h({ isDragging: !0, draggedPanel: l.panelId, dragOverColumn: null }), v(y(l.panelId)), j(d.clientX, d.clientY), $({ isClicked: !1, panelId: null }), M(!1), Y(), m.current = null, p.current && (clearTimeout(p.current), p.current = null);
       }
     },
     [
       n.isActive,
       l,
       t.dragOverColumn,
-      s,
-      u,
-      m,
-      b,
-      C,
-      B,
       o,
-      c,
-      y,
+      i,
       D,
-      A,
-      T,
-      k,
-      Q,
       h,
+      S,
+      Z,
+      y,
+      c,
       v,
-      N
+      j,
+      $,
+      M,
+      Y,
+      _,
+      f,
+      C,
+      W
     ]
-  ), V = P(
-    (p) => {
-      if (S(j.current, 1, "🐭 カスタムドラッグハンドラー - グローバルマウスアップ", {
+  ), H = w(
+    (d) => {
+      if (E(x.current, 1, "🐭 カスタムドラッグハンドラー - グローバルマウスアップ", {
         isActive: n.isActive,
         panelId: n.panelId,
-        dragMode: n.panelId ? s[n.panelId] : "unknown"
+        dragMode: n.panelId ? o[n.panelId] : "unknown"
       }), n.isActive) {
-        $.current.stop();
-        const M = W.current;
-        if (M) {
-          const x = document.elementFromPoint(p.clientX, p.clientY)?.closest("[data-drop-zone]");
-          if (x) {
-            const z = x.getAttribute("data-column-key");
-            z && s[n.panelId] === "custom" ? (S(j.current, 1, "🔄 カスタムドラッグパネル移動実行:", n.panelId, "→", z), w(n.panelId, z, M.insertIndex)) : S(j.current, 1, "🚫 カスタムドラッグパネル移動スキップ:", n.panelId, "モード:", s[n.panelId]);
+        N.current.stop();
+        const k = T.current;
+        if (k) {
+          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]);
           }
         }
-        f(), document.body.classList.remove("custom-dragging", "droppable"), U(), E.current = 0;
-      } else if (q(p.clientX, p.clientY)) {
-        const I = document.elementFromPoint(p.clientX, p.clientY)?.closest("[data-panel-id]"), x = I?.getAttribute("data-panel-id") ?? null;
-        if (!(I && x) || s[x] !== "custom") {
-          i.current && (clearTimeout(i.current), i.current = null), X(), g.current = null, E.current = 0;
+        g(), document.body.classList.remove("custom-dragging", "droppable"), q(), b.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(), m.current = null, b.current = 0;
           return;
         }
-        E.current += 1, l.isClicked === !1 && E.current === 1 ? (S(j.current, 1, "🖱️ 仮想クリック検出 - ドラッグ待機状態へ:", x), A({ isClicked: !0, panelId: x }), i.current = window.setTimeout(() => {
-          S(j.current, 1, "⏳ クリック待機状態を自動解除:", x), X(), g.current = null, E.current = 0;
-        }, 2e3)) : (S(j.current, 1, "🚫 クリック待機状態を解除 - 仮想クリック検出停止:", x), i.current && (clearTimeout(i.current), i.current = null), X(), g.current = null, E.current = 0, i.current = window.setTimeout(() => {
-          S(j.current, 1, "⏳ 仮想クリック検出再開:", x);
+        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(), m.current = null, b.current = 0;
+        }, 2e3)) : (E(x.current, 1, "🚫 クリック待機状態を解除 - 仮想クリック検出停止:", G), p.current && (clearTimeout(p.current), p.current = null), O(), m.current = null, b.current = 0, p.current = window.setTimeout(() => {
+          E(x.current, 1, "⏳ 仮想クリック検出再開:", G);
         }, 2e3));
-      } else l.isClicked && (X(), g.current = null, E.current = 0);
-      u && T(!1);
+      } else l.isClicked && (O(), m.current = null, b.current = 0);
+      i && M(!1);
     },
-    [n.isActive, n.panelId, l, s, u, w, U, X, q, A, T, f]
-  ), a = P(
-    (p, M) => {
-      if (s[M] !== "custom") {
-        S(j.current, 1, "🚫 カスタムドラッグモードではない - スキップ:", M);
+    [n.isActive, n.panelId, l, o, i, a, q, O, z, $, M, g]
+  ), s = w(
+    (d, k) => {
+      if (o[k] !== "custom") {
+        E(x.current, 1, "🚫 カスタムドラッグモードではない - スキップ:", k);
         return;
       }
-      O(p.clientX, p.clientY), l.isClicked && l.panelId === M && (T(!0), i.current !== null && (clearTimeout(i.current), i.current = null), F(p.clientX, p.clientY), g.current = { x: p.clientX, y: p.clientY });
+      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), m.current = { x: d.clientX, y: d.clientY });
     },
-    [l, s, O, T, F]
+    [l, o, R, M, L]
   );
-  return G(() => () => {
-    i.current !== null && clearTimeout(i.current), $.current.stop();
+  return K(() => () => {
+    p.current !== null && clearTimeout(p.current), N.current.stop();
   }, []), {
-    handleGlobalMouseMove: Y,
-    handleGlobalMouseUp: V,
-    handleMouseDown: a
+    handleGlobalMouseMove: A,
+    handleGlobalMouseUp: H,
+    handleMouseDown: s
   };
-}, Ve = () => {
-  const [r, t] = ee({
+}, jt = () => {
+  const [r, t] = te({
     isDragging: !1,
     draggedPanel: null,
     dragOverColumn: null
-  }), [n, l] = ee(null), [s, u] = ee(null), [d, c] = ee({
+  }), [n, l] = te(null), [o, i] = te(null), [u, c] = te({
     isActive: !1,
     panelId: "",
     startX: 0,
     startY: 0
-  }), [b, C] = ee({
+  }), [h, S] = te({
     isClicked: !1,
     panelId: null
-  }), [y, A] = ee({
+  }), [v, $] = te({
     isTouchDragging: !1,
     startX: 0,
     startY: 0,
     currentX: 0,
     currentY: 0,
     draggedElement: null
-  }), [T, o] = ee(!1), w = P(() => {
-    c({ isActive: !1, panelId: "", startX: 0, startY: 0 }), t({ isDragging: !1, draggedPanel: null, dragOverColumn: null }), l(null), u(null);
-  }, []), D = P(() => {
-    C({ isClicked: !1, panelId: null }), o(!1);
-  }, []), m = P((X) => {
-    t(X);
-  }, []), O = P((X) => {
-    l(X);
-  }, []), F = P((X) => {
-    u(X);
-  }, []), q = P((X) => {
-    c(X);
-  }, []), B = P((X) => {
-    C(X);
-  }, []), k = P((X) => {
-    A(X);
-  }, []), U = P((X) => {
-    o(X);
+  }), [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);
+  }, []), 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);
+  }, []), q = w((O) => {
+    y(O);
   }, []);
   return {
     // States / 状態
     dragState: r,
     dragOverPosition: n,
-    originalPanelPosition: s,
-    customDrag: d,
-    clickState: b,
-    touchDragState: y,
-    isMouseDown: T,
+    originalPanelPosition: o,
+    customDrag: u,
+    clickState: h,
+    touchDragState: v,
+    isMouseDown: M,
     // Stabilized Setters / 安定化されたセッター
-    setDragState: m,
-    setDragOverPosition: O,
-    setOriginalPanelPosition: F,
-    setCustomDrag: q,
-    setClickState: B,
-    setTouchDragState: k,
-    setIsMouseDown: U,
+    setDragState: D,
+    setDragOverPosition: R,
+    setOriginalPanelPosition: L,
+    setCustomDrag: z,
+    setClickState: Z,
+    setTouchDragState: Y,
+    setIsMouseDown: q,
     // Utility Functions / ユーティリティ関数
-    resetDragState: w,
-    resetClickState: D
+    resetDragState: a,
+    resetClickState: j
   };
-}, Be = () => {
-  const [r, t] = ee({
+}, Pt = () => {
+  const [r, t] = te({
     x: 0,
     y: 0,
     isVisible: !1
-  }), n = H(null), l = H(0), s = H(null), u = P((o, w) => {
-    t({ x: o, y: w, isVisible: !0 });
-  }, []), d = P(() => {
-    t((o) => ({ ...o, isVisible: !1 }));
-  }, []), c = P((o, w) => {
-    t((D) => D.x === o && D.y === w ? D : {
-      x: o,
-      y: w,
-      isVisible: D.isVisible
+  }), n = F(null), l = F(0), o = F(null), i = w((y, a) => {
+    t({ x: y, y: a, isVisible: !0 });
+  }, []), u = w(() => {
+    t((y) => ({ ...y, isVisible: !1 }));
+  }, []), c = w((y, a) => {
+    t((j) => j.x === y && j.y === a ? j : {
+      x: y,
+      y: a,
+      isVisible: j.isVisible
     });
-  }, []), b = P((o, w) => {
-    l.current = Date.now(), s.current = { x: o, y: w };
-  }, []), C = P((o, w) => {
-    n.current = { x: o, y: w };
-  }, []), y = P((o, w, D = 500, m = 5) => Date.now() - (l.current || 0) >= D || !s.current ? !1 : Math.sqrt((o - s.current.x) ** 2 + (w - s.current.y) ** 2) < m, []), A = P((o, w) => {
+  }, []), h = 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) => {
     if (!n.current)
       return 0;
-    const D = Math.abs(o - n.current.x), m = Math.abs(w - n.current.y);
-    return Math.sqrt(D * D + m * m);
-  }, []), T = P(() => {
-    n.current = null, l.current = 0, s.current = null;
+    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;
   }, []);
   return {
     mousePosition: r,
     lastClickPosition: n.current,
     mouseDownTime: l.current,
-    mouseDownPosition: s.current,
-    showMousePosition: u,
-    hideMousePosition: d,
+    mouseDownPosition: o.current,
+    showMousePosition: i,
+    hideMousePosition: u,
     updateMousePosition: c,
-    recordMouseDown: b,
-    recordClickPosition: C,
-    isVirtualClick: y,
-    calculateMoveDistance: A,
-    clearMouseTracking: T
+    recordMouseDown: h,
+    recordClickPosition: S,
+    isVirtualClick: v,
+    calculateMoveDistance: $,
+    clearMouseTracking: M
   };
-}, Ze = ({
+}, Dt = ({
   debugConfig: r,
   dragState: t,
   customDrag: n,
   dragModes: l,
-  columnPanels: s,
-  dragOverPosition: u,
-  originalPanelPosition: d,
+  columnPanels: o,
+  dragOverPosition: i,
+  originalPanelPosition: u,
   setDragState: c,
-  setDragOverPosition: b,
-  setOriginalPanelPosition: C,
-  performPanelMove: y,
-  showMousePosition: A,
-  updateMousePosition: T,
-  resetDragState: o,
-  handlePlaceholderDragEnter: w,
-  handlePlaceholderDragLeave: D
+  setDragOverPosition: h,
+  setOriginalPanelPosition: S,
+  performPanelMove: v,
+  showMousePosition: $,
+  updateMousePosition: M,
+  resetDragState: y,
+  handlePlaceholderDragEnter: a,
+  handlePlaceholderDragLeave: j,
+  scale: D = 1
 }) => {
-  const m = H(r);
-  m.current = r;
-  const O = H(s);
-  O.current = s;
-  const F = H(t);
-  F.current = t;
-  const q = H(u);
-  q.current = u;
-  const B = H(d);
-  B.current = d;
-  const k = H(new Ee(de));
-  G(() => {
-    const v = document.querySelector("main.max-w-full.flex-1.overflow-auto");
-    v && k.current.setScrollElement(v);
+  const R = F(r);
+  R.current = r;
+  const L = F(o);
+  L.current = o;
+  const z = F(t);
+  z.current = t;
+  const Z = F(i);
+  Z.current = i;
+  const Y = F(u);
+  Y.current = u;
+  const q = F(D);
+  q.current = D;
+  const O = F(new Be(Pe));
+  K(() => {
+    const x = document.querySelector("main.max-w-full.flex-1.overflow-auto");
+    x && O.current.setScrollElement(x);
   }, []);
-  const U = P(
-    (v, N) => {
+  const _ = w(
+    (x, p) => {
       if (n.isActive) {
-        S(m.current, 2, "カスタムドラッグアクティブ中 - 通常ドラッグを無効化:", N), v.preventDefault();
+        E(R.current, 2, "カスタムドラッグアクティブ中 - 通常ドラッグを無効化:", p), x.preventDefault();
         return;
       }
-      if (l[N] === "custom") {
-        S(m.current, 2, "カスタムドラッグモード - 通常ドラッグを無効化:", N), v.preventDefault();
+      if (l[p] === "custom") {
+        E(R.current, 2, "カスタムドラッグモード - 通常ドラッグを無効化:", p), x.preventDefault();
         return;
       }
-      S(m.current, 1, "ドラッグ開始:", N);
-      const j = Object.keys(O.current);
-      let i = null;
-      for (let g = 0; g < j.length; g++) {
-        const E = j[g], $ = O.current[E].indexOf(N);
-        if ($ !== -1) {
-          i = { columnIndex: g, panelIndex: $ };
+      E(R.current, 1, "ドラッグ開始:", p);
+      const m = Object.keys(L.current);
+      let b = null;
+      for (let N = 0; N < m.length; N++) {
+        const T = m[N], A = L.current[T].indexOf(p);
+        if (A !== -1) {
+          b = { columnIndex: N, panelIndex: A };
           break;
         }
       }
-      C(i), v.dataTransfer && (v.dataTransfer.setData("text/plain", N), v.dataTransfer.effectAllowed = "move"), A(v.clientX, v.clientY), requestAnimationFrame(() => {
+      if (S(b), x.dataTransfer) {
+        x.dataTransfer.setData("text/plain", p), x.dataTransfer.effectAllowed = "move";
+        const N = q.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());
+        }
+      }
+      $(x.clientX, x.clientY), requestAnimationFrame(() => {
         c({
           isDragging: !0,
-          draggedPanel: N,
+          draggedPanel: p,
           dragOverColumn: null
         });
       });
     },
-    [l, n.isActive, C, A, c]
-  ), X = P(() => {
-    S(m.current, 1, "ドラッグ終了"), k.current.stop(), o();
-  }, [o]), Q = P(
-    (v, N) => {
-      if (v.preventDefault(), v.dataTransfer.dropEffect = "move", !F.current.isDragging) return;
-      T(v.clientX, v.clientY), N !== F.current.dragOverColumn && c((g) => ({ ...g, dragOverColumn: N }));
-      const j = document.elementFromPoint(v.clientX, v.clientY), i = j?.closest("[data-placeholder-index]");
-      if (i) {
-        const g = i.getAttribute("data-placeholder-index"), E = i.getAttribute("data-placeholder-column");
-        if (g && E) {
-          const $ = parseInt(g, 10), W = parseInt(E, 10);
-          w(W, $);
+    [l, n.isActive, S, $, 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 m = document.elementFromPoint(x.clientX, x.clientY), b = m?.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);
         }
       } else
-        j?.closest("[data-drop-zone]") || D();
+        m?.closest("[data-drop-zone]") || j();
     },
-    [T, c, w, D]
-  ), h = P(
-    (v, N) => {
-      v.preventDefault();
-      const j = v.dataTransfer.getData("text/plain"), i = q.current;
-      j && i && (S(m.current, 1, "🎯 ドロップ完了:", {
-        draggedPanel: j,
-        targetColumn: N,
-        insertPosition: `カラム${i.columnIndex} - 位置${i.insertIndex}`
-      }), y(j, N, i.insertIndex), b(null), X());
+    [M, c, a, j]
+  ), C = w(
+    (x, p) => {
+      x.preventDefault();
+      const m = x.dataTransfer.getData("text/plain"), b = Z.current;
+      m && b && (E(R.current, 1, "🎯 ドロップ完了:", {
+        draggedPanel: m,
+        targetColumn: p,
+        insertPosition: `カラム${b.columnIndex} - 位置${b.insertIndex}`
+      }), v(m, p, b.insertIndex), h(null), f());
     },
-    [y, b, X]
-  ), f = P(
-    (v) => {
-      const N = v.currentTarget, j = v.relatedTarget;
-      j && N.contains(j) || (b(null), c((i) => ({ ...i, dragOverColumn: null })));
+    [v, h, f]
+  ), W = w(
+    (x) => {
+      const p = x.currentTarget, m = x.relatedTarget;
+      m && p.contains(m) || (h(null), c((b) => ({ ...b, dragOverColumn: null })));
     },
-    [b, c]
+    [h, c]
   );
-  return G(() => {
-    const v = (N) => {
-      F.current.isDragging && (T(N.clientX, N.clientY), k.current.update(N.clientX, N.clientY));
+  return K(() => {
+    const x = (p) => {
+      z.current.isDragging && (M(p.clientX, p.clientY), O.current.update(p.clientX, p.clientY));
     };
     if (t.isDragging)
-      return document.addEventListener("dragover", v), () => {
-        document.removeEventListener("dragover", v), k.current.stop();
+      return document.addEventListener("dragover", x), () => {
+        document.removeEventListener("dragover", x), O.current.stop();
       };
-  }, [t.isDragging, T]), G(() => () => {
-    k.current.stop();
+  }, [t.isDragging, M]), K(() => () => {
+    O.current.stop();
   }, []), {
-    handleDragStart: U,
-    handleDragEnd: X,
-    handleDragOverWithInsert: Q,
-    handleDropWithInsert: h,
-    handleColumnDragLeave: f
+    handleDragStart: _,
+    handleDragEnd: f,
+    handleDragOverWithInsert: g,
+    handleDropWithInsert: C,
+    handleColumnDragLeave: W
   };
-}, Ge = (r) => {
-  const [t, n] = ee(r), [l, s] = ee({}), u = H({}), d = H(null), c = H({ x: 0, y: 0 }), b = P((m) => document.querySelector(`[data-panel-id="${m}"]`), []), C = P(
-    (m, O) => {
-      const F = O.getBoundingClientRect(), q = window.getComputedStyle(O), B = {
-        width: Math.round(F.width),
-        height: Math.round(F.height),
-        x: Math.round(F.left),
-        y: Math.round(F.top),
-        minHeight: q.minHeight || "auto",
-        maxHeight: q.maxHeight || "none"
-      }, k = u.current[m];
-      (!k || Object.keys(B).some((U) => k[U] !== B[U])) && (u.current[m] = B, s((U) => ({
-        ...U,
-        [m]: B
+}, Nt = (r, t = 1) => {
+  const [n, l] = te(r), [o, i] = te({}), u = F({}), c = F(null), h = F({ x: 0, y: 0 }), S = F(t);
+  S.current = t;
+  const v = w((L) => document.querySelector(`[data-panel-id="${L}"]`), []), $ = w(
+    (L, z) => {
+      const Z = z.getBoundingClientRect(), Y = window.getComputedStyle(z), q = {
+        width: Math.round(Z.width),
+        height: Math.round(Z.height),
+        x: Math.round(Z.left),
+        y: Math.round(Z.top),
+        minHeight: Y.minHeight || "auto",
+        maxHeight: Y.maxHeight || "none"
+      }, O = u.current[L];
+      (!O || Object.keys(q).some((_) => O[_] !== q[_])) && (u.current[L] = q, i((_) => ({
+        ..._,
+        [L]: q
       })));
     },
     []
     // setPanelSizes は React の state セッターなので依存配列に含める必要はありません
-  ), y = P(
-    (m) => {
-      const O = b(m);
-      O && C(m, O);
+  ), M = w(
+    (L) => {
+      const z = v(L);
+      z && $(L, z);
     },
-    [b, C]
-  ), A = P(
-    (m, O) => {
-      O && requestAnimationFrame(() => C(m, O));
+    [v, $]
+  ), y = w(
+    (L, z) => {
+      z && requestAnimationFrame(() => $(L, z));
     },
-    [C]
-  ), T = P(
-    (m, O, F) => {
-      const q = b(m);
-      if (!q || d.current) return;
-      const B = q.getBoundingClientRect(), k = q.cloneNode(!0);
-      k.style.position = "fixed", k.style.top = "0px", k.style.left = "0px", k.style.width = `${B.width}px`, k.style.height = `${B.height}px`, k.style.pointerEvents = "none", k.style.zIndex = "1000", k.style.opacity = "0.5", k.style.margin = "0", k.style.transition = "none", k.style.boxShadow = "0 8px 32px rgba(0,0,0,0.3)", k.style.transform = `translate(${B.left}px, ${B.top}px)`, k.id = `drag-image-${m}`, document.body.appendChild(k), d.current = k, c.current = { x: O, y: F };
+    [$]
+  ), a = w(
+    (L, z, Z) => {
+      const Y = v(L);
+      if (!Y || c.current) return;
+      const q = 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(${q})`, _.id = `drag-image-${L}`, document.body.appendChild(_), c.current = _, h.current = { x: z, y: Z };
     },
-    [b]
-  ), o = P((m, O) => {
-    if (d.current) {
-      const F = m - c.current.x, q = O - c.current.y;
-      d.current.style.transform = `translate(${F}px, ${q}px) scale(1.05)`;
+    [v]
+  ), j = w((L, z) => {
+    if (c.current) {
+      const Z = L - h.current.x, Y = z - h.current.y;
+      c.current.style.transform = `translate(${Z}px, ${Y}px) scale(${S.current * 1.05})`;
     }
-  }, []), w = P(() => {
-    d.current && (d.current.remove(), d.current = null);
-  }, []), D = P((m) => {
-    n((O) => ({
-      ...O,
-      [m]: !O[m]
+  }, []), D = w(() => {
+    c.current && (c.current.remove(), c.current = null);
+  }, []), R = w((L) => {
+    l((z) => ({
+      ...z,
+      [L]: !z[L]
     }));
   }, []);
   return {
     // State / 状態
-    panelVisibility: t,
-    panelSizes: l,
+    panelVisibility: n,
+    panelSizes: o,
     // State update functions / 状態更新関数
-    setPanelVisibility: n,
-    setPanelSizes: s,
-    setPanelRef: A,
-    updatePanelSize: y,
-    togglePanelVisibility: D,
+    setPanelVisibility: l,
+    setPanelSizes: i,
+    setPanelRef: y,
+    updatePanelSize: M,
+    togglePanelVisibility: R,
     // Utility functions / ユーティリティ関数
-    getPanelElement: b,
+    getPanelElement: v,
     // Functions for drag image management / ドラッグイメージ管理用の関数
-    createDragImage: T,
-    updateDragImagePosition: o,
-    removeDragImage: w
+    createDragImage: a,
+    updateDragImagePosition: j,
+    removeDragImage: D
   };
-}, it = ({ initialColumnPanels: r, initialPanelVisibility: t, initialDragModes: n = {}, debugConfig: l, onPanelMove: s, onDragModeChange: u, onColumnPanelsChange: d }) => {
-  const c = H(l);
-  c.current = l;
-  const [b, C] = ee(r), [y, A] = ee(n), T = H(b);
-  T.current = b;
-  const o = Ve(), w = Be(), D = Ge(t), m = H({
+}, _t = ({ initialColumnPanels: r, initialPanelVisibility: t, initialDragModes: n = {}, debugConfig: l, onPanelMove: o, onDragModeChange: i, onColumnPanelsChange: u, scale: c = 1 }) => {
+  const h = F(l);
+  h.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({
     mousemove: null,
     mouseup: null
-  }), O = P((i) => {
-    const g = Object.keys(T.current), E = He(g, re);
-    for (let $ = 0; $ < E.length; $++) {
-      const W = E[$], Y = T.current[W]?.indexOf(i) ?? -1;
-      if (Y !== -1)
-        return { columnIndex: $, panelIndex: Y };
+  }), L = w((m) => {
+    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(m) ?? -1;
+      if (H !== -1)
+        return { columnIndex: T, panelIndex: H };
     }
     return null;
-  }, []), F = P(
-    (i, g, E) => {
-      S(c.current, 1, "🔄 パネル移動実行:", i, "→", g, "@", E), C(($) => {
-        const W = { ...$ }, Y = Object.keys(W).find((V) => W[V].includes(i));
-        if (!Y)
-          return console.error("Source column not found for panel:", i), $;
-        if (!W[g])
-          return console.error("Target column not found:", g), $;
-        if (Y === g) {
-          const V = [...W[Y]], a = V.indexOf(i), [p] = V.splice(a, 1), M = a < E ? E - 1 : E;
-          V.splice(M, 0, p), W[g] = V;
+  }, []), z = w(
+    (m, b, N) => {
+      E(h.current, 1, "🔄 パネル移動実行:", m, "→", b, "@", N), v((T) => {
+        const A = { ...T }, H = Object.keys(A).find((s) => A[s].includes(m));
+        if (!H)
+          return console.error("Source column not found for panel:", m), T;
+        if (!A[b])
+          return console.error("Target column not found:", b), T;
+        if (H === b) {
+          const s = [...A[H]], d = s.indexOf(m), [k] = s.splice(d, 1), X = d < N ? N - 1 : N;
+          s.splice(X, 0, k), A[b] = s;
         } else {
-          W[Y] = W[Y].filter((a) => a !== i);
-          const V = [...W[g]];
-          V.splice(E, 0, i), W[g] = V;
+          A[H] = A[H].filter((d) => d !== m);
+          const s = [...A[b]];
+          s.splice(N, 0, m), A[b] = s;
         }
-        if (S(c.current, 1, "✅ パネル移動完了:", i, "→", g), d && requestAnimationFrame(() => {
-          d(W);
-        }), s) {
-          const V = Object.keys($).find((a) => $[a].includes(i));
-          V && requestAnimationFrame(() => {
-            s(i, V, g, E);
+        if (E(h.current, 1, "✅ パネル移動完了:", m, "→", b), u && requestAnimationFrame(() => {
+          u(A);
+        }), o) {
+          const s = Object.keys(T).find((d) => T[d].includes(m));
+          s && requestAnimationFrame(() => {
+            o(m, s, b, N);
           });
         }
-        return W;
+        return A;
       });
     },
-    [d, s]
-  ), q = P(
-    (i, g) => {
-      if (!(o.dragState.isDragging || o.customDrag.isActive)) return;
-      const E = o.originalPanelPosition;
-      if (E && E.columnIndex === i && (E.panelIndex === g || E.panelIndex + 1 === g)) {
-        S(c.current, 1, `元の位置への挿入をスキップ: カラム${i}, 位置${g}`);
+    [u, o]
+  ), Z = w(
+    (m, b) => {
+      if (!(a.dragState.isDragging || a.customDrag.isActive)) return;
+      const N = a.originalPanelPosition;
+      if (N && N.columnIndex === m && (N.panelIndex === b || N.panelIndex + 1 === b)) {
+        E(h.current, 1, `元の位置への挿入をスキップ: カラム${m}, 位置${b}`);
         return;
       }
-      const $ = o.dragOverPosition;
-      (!$ || $.columnIndex !== i || $.insertIndex !== g) && (S(c.current, 1, `プレースホルダーエンター: カラム${i}, 位置${g}`), o.setDragOverPosition({ columnIndex: i, insertIndex: g }), o.setDragState((W) => ({ ...W, dragOverColumn: i })));
+      const T = a.dragOverPosition;
+      (!T || T.columnIndex !== m || T.insertIndex !== b) && (E(h.current, 1, `プレースホルダーエンター: カラム${m}, 位置${b}`), a.setDragOverPosition({ columnIndex: m, insertIndex: b }), a.setDragState((A) => ({ ...A, dragOverColumn: m })));
     },
-    [o]
-  ), B = P(
-    (i, g, E) => {
-      if (o.dragState.isDragging || o.customDrag.isActive) {
-        if (o.customDrag.isActive)
-          S(c.current, 1, "🚫 カスタムドラッグ - プレースホルダーリーブ: ハイライトを解除します。"), o.setDragOverPosition(null);
-        else if (o.dragState.isDragging && i && g !== void 0 && E !== void 0) {
-          const $ = o.dragOverPosition;
-          if ($ && $.columnIndex === g && $.insertIndex === E) {
-            const W = i.currentTarget, Y = i.relatedTarget;
-            Y && W.contains(Y) || (S(c.current, 1, `ノーマルドラッグ - プレースホルダーリーブ: カラム${g}, 位置${E}。ハイライトを解除します。`), o.setDragOverPosition(null));
+    [a]
+  ), Y = w(
+    (m, b, N) => {
+      if (a.dragState.isDragging || a.customDrag.isActive) {
+        if (a.customDrag.isActive)
+          E(h.current, 1, "🚫 カスタムドラッグ - プレースホルダーリーブ: ハイライトを解除します。"), a.setDragOverPosition(null);
+        else if (a.dragState.isDragging && m && b !== void 0 && N !== void 0) {
+          const T = a.dragOverPosition;
+          if (T && T.columnIndex === b && T.insertIndex === N) {
+            const A = m.currentTarget, H = m.relatedTarget;
+            H && A.contains(H) || (E(h.current, 1, `ノーマルドラッグ - プレースホルダーリーブ: カラム${b}, 位置${N}。ハイライトを解除します。`), a.setDragOverPosition(null));
           }
         }
       }
     },
-    [o]
-  ), k = Ue({
-    debugConfig: c.current,
-    dragState: o.dragState,
-    customDrag: o.customDrag,
-    clickState: o.clickState,
-    dragModes: y,
-    isMouseDown: o.isMouseDown,
-    originalPanelPosition: o.originalPanelPosition,
-    dragOverPosition: o.dragOverPosition,
-    setCustomDrag: o.setCustomDrag,
-    setDragState: o.setDragState,
-    setDragOverPosition: o.setDragOverPosition,
-    setOriginalPanelPosition: o.setOriginalPanelPosition,
-    setClickState: o.setClickState,
-    setIsMouseDown: o.setIsMouseDown,
-    findPanelPosition: O,
-    performPanelMove: F,
-    showMousePosition: w.showMousePosition,
-    updateMousePosition: w.updateMousePosition,
-    recordMouseDown: w.recordMouseDown,
-    recordClickPosition: w.recordClickPosition,
-    isVirtualClick: w.isVirtualClick,
-    calculateMoveDistance: w.calculateMoveDistance,
-    clearMouseTracking: w.clearMouseTracking,
-    resetDragState: o.resetDragState,
-    resetClickState: o.resetClickState,
+    [a]
+  ), q = wt({
+    debugConfig: h.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,
+    performPanelMove: z,
+    showMousePosition: j.showMousePosition,
+    updateMousePosition: j.updateMousePosition,
+    recordMouseDown: j.recordMouseDown,
+    recordClickPosition: j.recordClickPosition,
+    isVirtualClick: j.isVirtualClick,
+    calculateMoveDistance: j.calculateMoveDistance,
+    clearMouseTracking: j.clearMouseTracking,
+    resetDragState: a.resetDragState,
+    resetClickState: a.resetClickState,
     createDragImage: D.createDragImage,
     updateDragImagePosition: D.updateDragImagePosition,
     removeDragImage: D.removeDragImage,
-    handlePlaceholderDragEnter: q,
-    handlePlaceholderDragLeave: B
-  }), U = Ze({
-    debugConfig: c.current,
-    dragState: o.dragState,
-    customDrag: o.customDrag,
-    dragModes: y,
-    columnPanels: b,
-    dragOverPosition: o.dragOverPosition,
-    originalPanelPosition: o.originalPanelPosition,
-    setDragState: o.setDragState,
-    setDragOverPosition: o.setDragOverPosition,
-    setOriginalPanelPosition: o.setOriginalPanelPosition,
-    performPanelMove: F,
-    showMousePosition: w.showMousePosition,
-    updateMousePosition: w.updateMousePosition,
-    resetDragState: o.resetDragState,
-    handlePlaceholderDragEnter: q,
-    handlePlaceholderDragLeave: B
-  }), X = P((i) => {
-    m.current.mousemove && m.current.mousemove(i);
-  }, []), Q = P((i) => {
-    m.current.mouseup && m.current.mouseup(i);
+    handlePlaceholderDragEnter: Z,
+    handlePlaceholderDragLeave: Y
+  }), O = Dt({
+    debugConfig: h.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,
+    performPanelMove: z,
+    showMousePosition: j.showMousePosition,
+    updateMousePosition: j.updateMousePosition,
+    resetDragState: a.resetDragState,
+    handlePlaceholderDragEnter: Z,
+    handlePlaceholderDragLeave: Y,
+    scale: c
+  }), _ = w((m) => {
+    R.current.mousemove && R.current.mousemove(m);
+  }, []), f = w((m) => {
+    R.current.mouseup && R.current.mouseup(m);
   }, []);
-  G(() => (S(c.current, 1, "🔧 グローバルイベントリスナー初期化 - refベース管理開始"), document.addEventListener("mousemove", X), document.addEventListener("mouseup", Q), () => {
-    S(c.current, 1, "🔴 グローバルイベントリスナー終了 - refベース管理終了"), document.removeEventListener("mousemove", X), document.removeEventListener("mouseup", Q);
-  }), [X, Q]), G(() => {
-    const i = !o.clickState.isClicked && Object.entries(y).some(([, E]) => E === "custom"), g = o.clickState.isClicked && o.clickState.panelId;
-    if (i || g) {
-      const E = i ? "パターン1（仮想クリック検出）" : "パターン2,3（ドラッグ準備）";
-      S(c.current, 1, `🔧 イベントハンドラー設定開始: ${E}`), m.current.mousemove = k.handleGlobalMouseMove, m.current.mouseup = k.handleGlobalMouseUp;
+  K(() => (E(h.current, 1, "🔧 グローバルイベントリスナー初期化 - refベース管理開始"), document.addEventListener("mousemove", _), document.addEventListener("mouseup", f), () => {
+    E(h.current, 1, "🔴 グローバルイベントリスナー終了 - refベース管理終了"), document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", f);
+  }), [_, f]), K(() => {
+    const m = !a.clickState.isClicked && Object.entries($).some(([, N]) => N === "custom"), b = a.clickState.isClicked && a.clickState.panelId;
+    if (m || b) {
+      const N = m ? "パターン1（仮想クリック検出）" : "パターン2,3（ドラッグ準備）";
+      E(h.current, 1, `🔧 イベントハンドラー設定開始: ${N}`), R.current.mousemove = q.handleGlobalMouseMove, R.current.mouseup = q.handleGlobalMouseUp;
     } else
-      o.customDrag.isActive || o.dragState.isDragging || (m.current.mousemove = null, m.current.mouseup = null);
-  }, [o.clickState.isClicked, o.clickState.panelId, y, o.customDrag.isActive, o.dragState.isDragging, k.handleGlobalMouseMove, k.handleGlobalMouseUp]);
-  const h = P(
-    (i, g) => {
-      const E = i.touches[0], $ = i.currentTarget;
-      o.setTouchDragState({
+      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, q.handleGlobalMouseMove, q.handleGlobalMouseUp]);
+  const g = w(
+    (m, b) => {
+      const N = m.touches[0], T = m.currentTarget;
+      a.setTouchDragState({
         isTouchDragging: !0,
-        startX: E.clientX,
-        startY: E.clientY,
-        currentX: E.clientX,
-        currentY: E.clientY,
-        draggedElement: $
-      }), o.setDragState({
+        startX: N.clientX,
+        startY: N.clientY,
+        currentX: N.clientX,
+        currentY: N.clientY,
+        draggedElement: T
+      }), a.setDragState({
         isDragging: !0,
-        draggedPanel: g,
+        draggedPanel: b,
         dragOverColumn: null
       });
     },
-    [o]
-  ), f = P(
-    (i) => {
-      if (!o.touchDragState.isTouchDragging) return;
-      i.preventDefault();
-      const g = i.touches[0];
-      o.setTouchDragState((E) => ({
-        ...E,
-        currentX: g.clientX,
-        currentY: g.clientY
+    [a]
+  ), C = w(
+    (m) => {
+      if (!a.touchDragState.isTouchDragging) return;
+      m.preventDefault();
+      const b = m.touches[0];
+      a.setTouchDragState((N) => ({
+        ...N,
+        currentX: b.clientX,
+        currentY: b.clientY
       }));
     },
-    [o.touchDragState.isTouchDragging, o]
-  ), v = P(
-    (i) => {
-      o.touchDragState.isTouchDragging && (o.setTouchDragState({
+    [a.touchDragState.isTouchDragging, a]
+  ), W = w(
+    (m) => {
+      a.touchDragState.isTouchDragging && (a.setTouchDragState({
         isTouchDragging: !1,
         startX: 0,
         startY: 0,
         currentX: 0,
         currentY: 0,
         draggedElement: null
-      }), U.handleDragEnd());
+      }), O.handleDragEnd());
     },
-    [o.touchDragState.isTouchDragging, o, U]
-  ), N = P(
-    (i) => {
-      S(c.current, 1, "🔄 toggleDragMode called:", { panelId: i }), A((g) => {
-        const $ = (g[i] || "normal") === "normal" ? "custom" : "normal", W = { ...g, [i]: $ };
-        if (u)
+    [a.touchDragState.isTouchDragging, a, O]
+  ), x = w(
+    (m) => {
+      E(h.current, 1, "🔄 toggleDragMode called:", { panelId: m }), M((b) => {
+        const T = (b[m] || "normal") === "normal" ? "custom" : "normal", A = { ...b, [m]: T };
+        if (i)
           try {
-            u(i, $);
-          } catch (Y) {
-            console.error("🔄 Error in onDragModeChange:", Y);
+            i(m, T);
+          } catch (H) {
+            console.error("🔄 Error in onDragModeChange:", H);
           }
-        return W;
+        return A;
       });
     },
-    [u]
-  ), j = P((i, g) => {
-    i.stopPropagation(), S(c.current, 2, "パネルサイズ情報クリック:", g);
+    [i]
+  ), p = w((m, b) => {
+    m.stopPropagation(), E(h.current, 2, "パネルサイズ情報クリック:", b);
   }, []);
   return {
     // 状態
-    columnPanels: b,
+    columnPanels: S,
     panelVisibility: D.panelVisibility,
-    dragModes: y,
-    dragState: o.dragState,
-    dragOverPosition: o.dragOverPosition,
-    originalPanelPosition: o.originalPanelPosition,
-    touchDragState: o.touchDragState,
-    customDrag: o.customDrag,
-    clickState: o.clickState,
-    mousePosition: w.mousePosition,
+    dragModes: $,
+    dragState: a.dragState,
+    dragOverPosition: a.dragOverPosition,
+    originalPanelPosition: a.originalPanelPosition,
+    touchDragState: a.touchDragState,
+    customDrag: a.customDrag,
+    clickState: a.clickState,
+    mousePosition: j.mousePosition,
     panelSizes: D.panelSizes,
     // 状態更新関数
-    setColumnPanels: C,
+    setColumnPanels: v,
     setPanelVisibility: D.setPanelVisibility,
-    setDragModes: A,
+    setDragModes: M,
     setPanelRef: D.setPanelRef,
     // イベントハンドラー
-    handleDragStart: U.handleDragStart,
-    handleDragEnd: U.handleDragEnd,
-    handleMouseDown: k.handleMouseDown,
-    handleTouchStart: h,
-    handleTouchMove: f,
-    handleTouchEnd: v,
-    handlePlaceholderDragEnter: q,
-    handlePlaceholderDragLeave: B,
-    handleDragOverWithInsert: U.handleDragOverWithInsert,
-    handleDropWithInsert: U.handleDropWithInsert,
-    handleColumnDragLeave: U.handleColumnDragLeave,
-    handlePanelSizeInfoClick: j,
+    handleDragStart: O.handleDragStart,
+    handleDragEnd: O.handleDragEnd,
+    handleMouseDown: q.handleMouseDown,
+    handleTouchStart: g,
+    handleTouchMove: C,
+    handleTouchEnd: W,
+    handlePlaceholderDragEnter: Z,
+    handlePlaceholderDragLeave: Y,
+    handleDragOverWithInsert: O.handleDragOverWithInsert,
+    handleDropWithInsert: O.handleDropWithInsert,
+    handleColumnDragLeave: O.handleColumnDragLeave,
+    handlePanelSizeInfoClick: p,
     // ユーティリティ関数
-    toggleDragMode: N,
-    findPanelPosition: O
+    toggleDragMode: x,
+    findPanelPosition: L
   };
-}, ct = ({ minColumnWidth: r = 350, defaultColumns: t = 3, maxColumns: n = 6, minColumns: l = 1, currentColumnWidths: s = {} } = {}) => {
-  const [u, d] = ee(0), c = H(0), b = H(null), [C, y] = ee(!1), A = H(t);
-  G(() => {
+}, Wt = ({ minColumnWidth: r = 350, defaultColumns: t = 3, maxColumns: n = 6, minColumns: l = 1, currentColumnWidths: o = {} } = {}) => {
+  const [i, u] = te(0), c = F(0), h = F(null), [S, v] = te(!1), $ = F(t);
+  K(() => {
     if (typeof window > "u")
       return;
-    const w = () => {
-      const m = window.visualViewport?.width ?? 0, O = document?.documentElement?.clientWidth ?? 0, F = document?.body?.clientWidth ?? 0, q = window.innerWidth ?? 0;
-      return O > 0 ? Math.floor(O) : m > 0 ? Math.floor(m) : F > 0 ? Math.floor(F) : Math.floor(q);
-    }, D = () => {
-      b.current !== null && cancelAnimationFrame(b.current), b.current = requestAnimationFrame(() => {
-        const m = w();
-        b.current = null, m !== 0 && (Math.abs(c.current - m) < 2 || (c.current = m, d(m)));
+    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);
+    }, j = () => {
+      h.current !== null && cancelAnimationFrame(h.current), h.current = requestAnimationFrame(() => {
+        const D = a();
+        h.current = null, D !== 0 && (Math.abs(c.current - D) < 2 || (c.current = D, u(D)));
       });
     };
-    return D(), window.addEventListener("resize", D), window.addEventListener("orientationchange", D), window.visualViewport?.addEventListener("resize", D), () => {
-      b.current !== null && cancelAnimationFrame(b.current), window.removeEventListener("resize", D), window.removeEventListener("orientationchange", D), window.visualViewport?.removeEventListener("resize", D);
+    return j(), window.addEventListener("resize", j), window.addEventListener("orientationchange", j), window.visualViewport?.addEventListener("resize", j), () => {
+      h.current !== null && cancelAnimationFrame(h.current), window.removeEventListener("resize", j), window.removeEventListener("orientationchange", j), window.visualViewport?.removeEventListener("resize", j);
     };
   }, []);
-  const T = ye(() => {
-    if (!C || u === 0)
-      return A.current = t, t;
-    const w = Math.max(u - 64, 0), D = 24, m = Object.values(s);
-    let O;
-    if (m.length > 0) {
-      const F = m.reduce((k, U) => k + U, 0) / m.length, q = Math.max(r, F);
-      O = Math.floor((w + D) / (q + D)), m.reduce((k, U) => k + U, 0) + (m.length - 1) * D > w && m.length > l && (O = Math.min(O, m.length - 1));
+  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, q) => Y + q, 0) / D.length, z = Math.max(r, L);
+      R = Math.floor((a + j) / (z + j)), D.reduce((Y, q) => Y + q, 0) + (D.length - 1) * j > a && D.length > l && (R = Math.min(R, D.length - 1));
     } else
-      O = Math.floor((w + D) / (r + D));
-    return O = Math.max(l, Math.min(n, O)), A.current === O ? A.current : (A.current = O, O);
-  }, [C, u, t, r, n, l, s]), o = P(() => {
-    y((w) => !w);
+      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);
   }, []);
   return {
-    responsiveColumnCount: T,
-    isResponsiveMode: C,
-    screenWidth: u,
-    toggleResponsiveMode: o
+    responsiveColumnCount: M,
+    isResponsiveMode: S,
+    screenWidth: i,
+    toggleResponsiveMode: y
   };
-}, ut = ({ isResponsiveMode: r, responsiveColumnCount: t, currentColumnCount: n, screenWidth: l, onToggleResponsive: s }) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-slate-300 bg-white/90 px-3 py-1", children: [
+}, 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(
     "button",
     {
       type: "button",
-      onClick: s,
+      onClick: o,
       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(Le, { className: "h-3 w-3" }) : /* @__PURE__ */ e.jsx(We, { className: "h-3 w-3" }),
+        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 ? "レスポンシブ" : "固定" })
       ]
     }
@@ -2237,7 +2348,7 @@ const Ue = ({
     ] }),
     t !== n && /* @__PURE__ */ e.jsx("span", { className: "text-orange-600", children: "(変更予定)" })
   ] })
-] }), dt = {
+] }), Yt = {
   showDebugPanel: !1,
   showMousePosition: !1,
   showPanelSizes: !1,
@@ -2246,37 +2357,37 @@ const Ue = ({
   logLevel: 0
 };
 export {
-  tt as ColumnControlPanel,
-  nt as ColumnInsertPanel,
-  re as DEFAULT_COLUMN_ID_CONFIG,
-  dt as DEFAULT_DEBUG_CONFIG,
-  de as DEFAULT_EDGE_SCROLL_CONFIG,
-  rt as DebugControlPanel,
-  et as DragDropLayout,
-  Pe as DropZoneDebugOverlay,
-  Ee as EdgeScrollManager,
-  je as InsertPlaceholder,
-  Fe as PanelSizeDisplay,
-  Ke as ResizableColumn,
-  De as ResizeHandle,
-  ut as ResponsiveControl,
-  ve as calculateScrollVector,
-  lt as createColumnIdMapping,
-  S as debugLog,
-  ce as generateColumnId,
-  Ne as generateColumnIds,
-  ot as getNextColumnId,
-  st as isValidColumnId,
-  Ie as normalizeColumnPanels,
-  ue as parseColumnId,
-  qe as performScroll,
-  He as sortColumnIds,
-  at as useColumnLayout,
-  Ue as useCustomDragHandlers,
-  it as useDragDropColumns,
-  Ve as useDragDropState,
-  Be as useMouseTracking,
-  Ze as useNormalDragHandlers,
-  Ge as usePanelManagement,
-  ct as useResponsiveColumns
+  $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,
+  Ue as DropZoneDebugOverlay,
+  Be as EdgeScrollManager,
+  Ie as InsertPlaceholder,
+  ft as PanelSizeDisplay,
+  kt as ResizableColumn,
+  qe as ResizeHandle,
+  zt as ResponsiveControl,
+  Ye as calculateScrollVector,
+  Rt 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
 };