@aiquants/drag-drop-panels 0.8.0 → 0.8.1

package/dist/index.es.js

@@ -25,7 +25,7 @@ function dt() {
 }
 var xe = {};
 var We;
-function ht() {
+function mt() {
   return We || (We = 1, process.env.NODE_ENV !== "production" && (function() {
     function r(s) {
       if (s == null) return null;
@@ -127,7 +127,7 @@ function ht() {
         configurable: !0
       });
     }
-    function h() {
+    function m() {
       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."
@@ -143,7 +143,7 @@ function ht() {
         _owner: X
       }, (B !== void 0 ? B : null) !== null ? Object.defineProperty(s, "ref", {
         enumerable: !1,
-        get: h
+        get: m
       }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -220,7 +220,7 @@ React keys must be passed directly to JSX without using spread:
     function M(s) {
       return typeof s == "object" && s !== null && s.$$typeof === a;
     }
-    var y = Fe, a = /* @__PURE__ */ Symbol.for("react.transitional.element"), j = /* @__PURE__ */ Symbol.for("react.portal"), D = /* @__PURE__ */ Symbol.for("react.fragment"), R = /* @__PURE__ */ Symbol.for("react.strict_mode"), L = /* @__PURE__ */ Symbol.for("react.profiler"), z = /* @__PURE__ */ Symbol.for("react.consumer"), Z = /* @__PURE__ */ Symbol.for("react.context"), Y = /* @__PURE__ */ Symbol.for("react.forward_ref"), U = /* @__PURE__ */ Symbol.for("react.suspense"), O = /* @__PURE__ */ Symbol.for("react.suspense_list"), _ = /* @__PURE__ */ Symbol.for("react.memo"), f = /* @__PURE__ */ Symbol.for("react.lazy"), g = /* @__PURE__ */ Symbol.for("react.activity"), C = /* @__PURE__ */ Symbol.for("react.client.reference"), W = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, p = Array.isArray, m = 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"), U = /* @__PURE__ */ Symbol.for("react.suspense"), O = /* @__PURE__ */ Symbol.for("react.suspense_list"), _ = /* @__PURE__ */ Symbol.for("react.memo"), f = /* @__PURE__ */ Symbol.for("react.lazy"), g = /* @__PURE__ */ Symbol.for("react.activity"), C = /* @__PURE__ */ Symbol.for("react.client.reference"), W = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, p = Array.isArray, h = console.createTask ? console.createTask : function() {
       return null;
     };
     y = {
@@ -231,7 +231,7 @@ React keys must be passed directly to JSX without using spread:
     var b, N = {}, T = y.react_stack_bottom_frame.bind(
       y,
       i
-    )(), A = m(l(i)), H = {};
+    )(), A = h(l(i)), H = {};
     xe.Fragment = D, xe.jsx = function(s, d, k) {
       var X = 1e4 > W.recentlyCreatedOwnerStacks++;
       return v(
@@ -240,7 +240,7 @@ React keys must be passed directly to JSX without using spread:
         k,
         !1,
         X ? Error("react-stack-top-frame") : T,
-        X ? m(l(s)) : A
+        X ? h(l(s)) : A
       );
     }, xe.jsxs = function(s, d, k) {
       var X = 1e4 > W.recentlyCreatedOwnerStacks++;
@@ -250,16 +250,16 @@ React keys must be passed directly to JSX without using spread:
         k,
         !0,
         X ? Error("react-stack-top-frame") : T,
-        X ? m(l(s)) : A
+        X ? h(l(s)) : A
       );
     };
   })()), xe;
 }
 var ze;
-function mt() {
-  return ze || (ze = 1, process.env.NODE_ENV === "production" ? ye.exports = dt() : ye.exports = ht()), ye.exports;
+function ht() {
+  return ze || (ze = 1, process.env.NODE_ENV === "production" ? ye.exports = dt() : ye.exports = mt()), ye.exports;
 }
-var e = mt();
+var e = ht();
 const le = class le {
   /**
    * @constructor
@@ -392,8 +392,8 @@ const ft = ({ config: r, panelId: t, sizeInfo: n, onSizeInfoClick: l }) => r.sho
   )
 ) : null, E = (r, t, ...n) => {
   (r.logLevel ?? 0) >= t && ke.info(...n);
-}, qe = Fe.memo(({ index: r, columnIndex: t, isDragging: n, dragOverPosition: l, originalPosition: o, onDragEnter: i, onDragLeave: u, config: c, customDrag: 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);
+}, qe = Fe.memo(({ index: r, columnIndex: t, isDragging: n, dragOverPosition: l, originalPosition: o, onDragEnter: i, onDragLeave: u, config: c, customDrag: m }) => {
+  const S = o && o.columnIndex === t && (o.panelIndex === r || o.panelIndex + 1 === r), v = !S && l?.columnIndex === t && l?.insertIndex === r, $ = F(null), [M, y] = te(null), a = n || (m?.isActive ?? !1);
   return K(() => {
     if ($.current) {
       const j = $.current.getBoundingClientRect(), D = {
@@ -458,11 +458,11 @@ const Ie = ({ columnIndex: r, isDragging: t, dragOverPosition: n, children: l, c
   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),
+      const m = i.current.getBoundingClientRect(), S = n?.columnIndex === r, v = {
+        width: Math.round(m.width),
+        height: Math.round(m.height),
+        x: Math.round(m.left),
+        y: Math.round(m.top),
         isActive: S
       };
       c(v), S && E(o, 1, `🎯 アクティブドロップゾーン ${r}:`, {
@@ -524,10 +524,10 @@ const xt = 0.25, gt = typeof window < "u" ? Ee : K, pt = (r, t = xt) => {
       return;
     }
     const u = () => {
-      const h = i.clientWidth;
-      if (h <= 0)
+      const m = i.clientWidth;
+      if (m <= 0)
         return;
-      const S = h >= r ? 1 : Math.max(h / r, t);
+      const S = m >= r ? 1 : Math.max(m / r, t);
       o((v) => Math.abs(v - S) < 5e-3 ? v : S);
     };
     u();
@@ -535,21 +535,21 @@ const xt = 0.25, gt = typeof window < "u" ? Ee : K, pt = (r, t = xt) => {
     return c.observe(i), () => c.disconnect();
   }, [r, t]), { containerRef: n, scale: l };
 }, Ue = ({ columnId: r, onResizeStart: t, onResize: n, onResizeEnd: l, isResizing: o = !1, position: i = "right", className: u = "", debug: c = {} }) => {
-  const h = F(!1), S = F(null);
+  const m = 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 && m.current && (E(c, 1, "外部からのリサイズ解除を検出、ドラッグ状態を強制解除:", r), m.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");
+      y.preventDefault(), y.stopPropagation(), E(c, 2, "リサイズハンドル マウスダウン:", r), m.current = !0, t(r, y.clientX), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.body.classList.add("resizing-column");
     },
     [r, t, c]
   );
   K(() => {
     const y = (j) => {
-      h.current && (j.preventDefault(), n(j.clientX));
+      m.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"));
+      m.current && (E(c, 2, "リサイズハンドル マウスアップ:", r), m.current = !1, l(), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
     };
     return document.addEventListener("mousemove", y), document.addEventListener("mouseup", a), () => {
       document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", a);
@@ -559,24 +559,24 @@ const xt = 0.25, gt = typeof window < "u" ? Ee : K, pt = (r, t = xt) => {
     (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");
+      E(c, 2, "リサイズハンドル タッチスタート:", r), m.current = !0, t(r, a.clientX), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.body.classList.add("resizing-column");
     },
     [r, t, c]
   );
   K(() => {
     const y = (j) => {
-      if (!h.current) return;
+      if (!m.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"));
+      m.current && (E(c, 2, "リサイズハンドル タッチエンド:", r), m.current = !1, l(), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
     };
     return document.addEventListener("touchmove", y, { passive: !1 }), document.addEventListener("touchend", a), () => {
       document.removeEventListener("touchmove", y), document.removeEventListener("touchend", a);
     };
   }, [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"));
+    m.current && (E(c, 1, "リサイズハンドルアンマウント時のクリーンアップ:", r), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("resizing-column"));
   }, [r, c]);
   const M = ["resize-handle", i, o ? "resizing" : "", u].filter(Boolean).join(" ");
   return (
@@ -591,14 +591,14 @@ const xt = 0.25, gt = typeof window < "u" ? Ee : K, pt = (r, t = xt) => {
       ] })
     ] })
   );
-}, 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: $ }) => {
+}, kt = ({ columnId: r, width: t, minWidth: n = 100, maxWidth: l = 800, onResizeStart: o, onResize: i, onResizeEnd: u, isResizing: c = !1, resizable: m = !0, className: S = "", debug: v = {}, children: $ }) => {
   const M = ["resizable-column", c ? "resizing" : "", S].filter(Boolean).join(" ");
   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(Ue, { columnId: r, onResizeStart: o, onResize: i, onResizeEnd: u, isResizing: c, position: "right", debug: v }),
+    m && /* @__PURE__ */ e.jsx(Ue, { columnId: r, onResizeStart: o, onResize: i, onResizeEnd: u, isResizing: c, position: "right", debug: v }),
     v.showPanelSizes && /* @__PURE__ */ e.jsxs("div", { className: "column-debug-size", children: [
       t,
       "px",
@@ -615,8 +615,8 @@ const xt = 0.25, gt = typeof window < "u" ? Ee : K, pt = (r, t = xt) => {
     onDragEnter: i,
     onDragLeave: u,
     debugConfig: c,
-    customDrag: h
-  }) => /* @__PURE__ */ e.jsx(qe, { index: r, columnIndex: t, isDragging: n, dragOverPosition: l, originalPosition: o, onDragEnter: i, onDragLeave: u, config: c, customDrag: h })
+    customDrag: m
+  }) => /* @__PURE__ */ e.jsx(qe, { index: r, columnIndex: t, isDragging: n, dragOverPosition: l, originalPosition: o, onDragEnter: i, onDragLeave: u, config: c, customDrag: m })
 );
 Ce.displayName = "LocalInsertPlaceholder";
 const Ct = ({
@@ -629,7 +629,7 @@ const Ct = ({
   dragState: i,
   dragOverPosition: u,
   originalPanelPosition: c,
-  dragModes: h,
+  dragModes: m,
   onDragStart: S,
   onDragEnd: v,
   onPlaceholderDragEnter: $,
@@ -653,7 +653,7 @@ const Ct = ({
   onResizeEnd: W,
   isResizing: x = !1,
   resizingColumn: p,
-  onPanelSizeInfoClick: m,
+  onPanelSizeInfoClick: h,
   onToggleDragMode: b,
   onPanelClose: N,
   onPanelMaximizeChange: T,
@@ -681,12 +681,12 @@ const Ct = ({
   } : void 0, de = F({}), De = F(/* @__PURE__ */ new Map());
   K(() => {
     E(Q.current, 1, "🎨 DragDropLayout - dragModes props changed:", {
-      dragModes: h,
+      dragModes: m,
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      keys: Object.keys(h),
-      values: Object.values(h)
+      keys: Object.keys(m),
+      values: Object.values(m)
     });
-  }, [h]);
+  }, [m]);
   const Ne = Xe(() => {
     const P = {};
     return t.forEach((V) => {
@@ -713,23 +713,23 @@ const Ct = ({
         });
       }
     });
-    const V = De.current, ee = 300, he = /* @__PURE__ */ new Set();
+    const V = De.current, ee = 300, me = /* @__PURE__ */ new Set();
     Object.values(n).forEach((q) => {
       q.forEach((ne) => {
-        he.add(ne);
+        me.add(ne);
       });
     }), new Set(V.keys()).forEach((q) => {
-      he.has(q) || (E(Q.current, 1, "パネル削除検出 - クリーンアップ:", q), V.delete(q), de.current[q] && delete de.current[q]);
+      me.has(q) || (E(Q.current, 1, "パネル削除検出 - クリーンアップ:", q), V.delete(q), de.current[q] && delete de.current[q]);
     }), P.forEach((q, ne) => {
       const ue = V.get(ne);
       if (ue) {
-        const J = ue.rect.left - q.rect.left, me = ue.rect.top - q.rect.top;
-        if (J !== 0 || me !== 0) {
-          E(Q.current, 2, "パネル移動検出 - アニメーション開始:", ne, { dx: J, dy: me });
+        const J = ue.rect.left - q.rect.left, he = ue.rect.top - q.rect.top;
+        if (J !== 0 || he !== 0) {
+          E(Q.current, 2, "パネル移動検出 - アニメーション開始:", ne, { dx: J, dy: he });
           const oe = de.current[ne];
           if (oe) {
             const pe = ge.current || 1;
-            oe.style.transform = `translate(${J / pe}px, ${me / pe}px)`, oe.style.transition = "none", oe.classList.add("is-moving"), requestAnimationFrame(() => {
+            oe.style.transform = `translate(${J / pe}px, ${he / pe}px)`, oe.style.transition = "none", oe.classList.add("is-moving"), requestAnimationFrame(() => {
               oe.style.transition = `transform ${ee}ms cubic-bezier(0.2, 0, 0.2, 1)`, oe.style.transform = "translate(0, 0)", setTimeout(() => {
                 oe.style.transition = "", oe.style.transform = "", oe.classList.remove("is-moving");
               }, ee);
@@ -758,7 +758,7 @@ const Ct = ({
     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, q = h[P] || "normal";
+    const ee = V.component, me = V.title, ce = i.draggedPanel === P, q = m[P] || "normal";
     E(Q.current, 2, `🎨 renderPanel - ${P}:`, {
       panelId: P,
       dragMode: q,
@@ -776,7 +776,16 @@ const Ct = ({
           maxHeight: Re.maxHeight
         });
       });
-    }, ue = U[P], J = s === P, me = !!T, oe = () => T?.(J ? null : P), pe = J ? { position: "fixed", inset: 0, zIndex: 50, minHeight: 0, maxHeight: "none" } : {
+    }, ue = U[P], J = s === P, he = !!T, oe = () => T?.(J ? null : P), pe = J ? {
+      position: "fixed",
+      top: "var(--aqdd-maximize-top, 0px)",
+      right: "var(--aqdd-maximize-right, 0px)",
+      bottom: "var(--aqdd-maximize-bottom, 0px)",
+      left: "var(--aqdd-maximize-left, 0px)",
+      zIndex: 50,
+      minHeight: 0,
+      maxHeight: "none"
+    } : {
       minHeight: V.minHeight ?? "200px",
       maxHeight: V.maxHeight ?? "500px"
     }, be = H === "header", Oe = q === "normal" && !be && !J, Te = q === "normal" && be && !J, Ae = ce ? "cursor-grabbing" : "cursor-grab", Me = `panel-draggable group relative flex flex-col overflow-hidden border border-slate-200 text-left shadow-lg backdrop-blur-lg ${q === "custom" ? "select-none" : ""}`, Qe = J ? (
@@ -810,12 +819,12 @@ const Ct = ({
                 className: `group relative mb-3 flex items-center justify-between ${be && !J ? Ae : ""}`,
                 draggable: Te,
                 onDragStart: (I) => Te && S(I, P),
-                onDoubleClick: me ? (I) => {
+                onDoubleClick: he ? (I) => {
                   I.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 }),
+                    /* @__PURE__ */ e.jsx("h3", { className: "font-semibold text-lg text-slate-700 transition-colors group-hover:text-slate-900", children: me }),
                     q === "custom" && /* @__PURE__ */ e.jsx("span", { className: "rounded-md bg-orange-100 px-2 py-1 font-medium text-orange-600 text-xs", children: "Custom" })
                   ] }),
                   /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-1 opacity-0 transition-opacity group-hover:opacity-100", children: [
@@ -850,7 +859,7 @@ const Ct = ({
                         children: /* @__PURE__ */ e.jsx(Le, { className: "h-4 w-4" })
                       }
                     ),
-                    me && /* @__PURE__ */ e.jsx(
+                    he && /* @__PURE__ */ e.jsx(
                       "button",
                       {
                         type: "button",
@@ -879,7 +888,7 @@ const Ct = ({
               }
             ),
             /* @__PURE__ */ e.jsx("div", { "data-aqdd-scroll-area": !0, className: "panel-scroll-area min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ e.jsx(ee, { ...V.props || {} }) }),
-            /* @__PURE__ */ e.jsx(ft, { config: Y, panelId: P, sizeInfo: ue, onSizeInfoClick: (I) => m?.(I, P) })
+            /* @__PURE__ */ e.jsx(ft, { config: Y, panelId: P, sizeInfo: ue, onSizeInfoClick: (I) => h?.(I, P) })
           ]
         },
         P
@@ -887,10 +896,10 @@ const Ct = ({
     );
   }, Je = (P, V) => {
     const ee = n[P] || [];
-    let he = !1;
+    let me = !1;
     for (const q of ee)
       if (l[q]) {
-        he = !0;
+        me = !0;
         break;
       }
     const ce = i.isDragging || (A?.isActive ?? !1);
@@ -952,7 +961,7 @@ const Ct = ({
               )
             ] }, `panel-${q}`);
           }),
-          !(he || ce) && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 rounded-xl border-2 border-slate-200 border-dashed bg-white/30 p-8 text-center text-slate-400 transition-all duration-200", children: /* @__PURE__ */ e.jsx("div", { className: "text-sm", children: "このエリアは空です" }) })
+          !(me || ce) && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 rounded-xl border-2 border-slate-200 border-dashed bg-white/30 p-8 text-center text-slate-400 transition-all duration-200", children: /* @__PURE__ */ e.jsx("div", { className: "text-sm", children: "このエリアは空です" }) })
         ]
       }
     ) });
@@ -981,7 +990,7 @@ const Ct = ({
       })
     ] }) }),
     /* @__PURE__ */ e.jsx("div", { ref: B, className: "relative min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ e.jsx("div", { className: "h-full w-full", style: Ze, children: /* @__PURE__ */ e.jsx("main", { "data-aqdd-scroll-root": !0, className: "no-scrollbar h-full max-w-full flex-1 overflow-auto px-4 py-6 sm:px-6", children: /* @__PURE__ */ e.jsx("div", { className: "relative flex h-full items-start gap-6 pr-4", children: r.map((P, V) => {
-      const ee = f?.[P.id] || P.initialWidth || 350, he = _ && (P.resizable ?? !0);
+      const ee = f?.[P.id] || P.initialWidth || 350, me = _ && (P.resizable ?? !0);
       return /* @__PURE__ */ e.jsx(et, { children: /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -996,13 +1005,13 @@ const Ct = ({
           },
           children: [
             Je(P.key, V),
-            he && g && C && W && /* @__PURE__ */ e.jsx(Ue, { columnId: P.id, onResizeStart: g, onResize: C, onResizeEnd: W, isResizing: x && p === P.id, position: "right", debug: Y })
+            me && g && C && W && /* @__PURE__ */ e.jsx(Ue, { columnId: P.id, onResizeStart: g, onResize: C, onResizeEnd: W, isResizing: x && p === P.id, position: "right", debug: Y })
           ]
         }
       ) }, P.id);
     }) }) }) }) })
   ] });
-}, $t = ({ columnCount: r, onColumnCountChange: t, onAutoBalance: n, onResetWidths: l, minColumns: o = 2, maxColumns: i = 6, isResizing: u = !1, isResponsiveMode: c = !1, responsiveColumnCount: h }) => {
+}, $t = ({ columnCount: r, onColumnCountChange: t, onAutoBalance: n, onResetWidths: l, minColumns: o = 2, maxColumns: i = 6, isResizing: u = !1, isResponsiveMode: c = !1, responsiveColumnCount: m }) => {
   const S = r > o && !c, v = r < i && !c;
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-slate-200 bg-white/80 px-4 py-2 shadow-sm backdrop-blur-lg", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -1019,7 +1028,7 @@ const Ct = ({
         }
       ),
       /* @__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 ? h ?? r : r,
+        c ? m ?? r : r,
         c && /* @__PURE__ */ e.jsx("span", { className: "ml-1 text-xs", children: "自動" })
       ] }),
       /* @__PURE__ */ e.jsx(
@@ -1071,7 +1080,7 @@ const Ct = ({
     ] })
   ] });
 }, 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;
+  const c = r < o && !u, m = r > l && !u;
   return /* @__PURE__ */ e.jsxs("div", { className: `flex items-center justify-center gap-1 rounded-lg border border-slate-200 px-4 py-2 shadow-sm backdrop-blur-lg ${u ? "bg-slate-100/80 opacity-60" : "bg-white/80"}`, children: [
     u && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2 text-slate-500 text-xs", children: /* @__PURE__ */ e.jsx("span", { children: "レスポンシブモード有効中：カラム数は自動調整されます" }) }),
     !u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -1089,7 +1098,7 @@ const Ct = ({
       Array.from({ length: r }, (S, v) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-8 w-12 items-center justify-center rounded border border-slate-300 bg-slate-100", children: [
           /* @__PURE__ */ e.jsx("span", { className: "font-medium font-mono text-slate-700 text-xs", children: v + 1 }),
-          h && !i && /* @__PURE__ */ e.jsx(
+          m && !i && /* @__PURE__ */ e.jsx(
             "button",
             {
               type: "button",
@@ -1294,7 +1303,7 @@ const Ct = ({
   return i.forEach((u) => {
     o[u] = [];
   }), l.forEach((u, c) => {
-    const h = c % t, S = i[h];
+    const m = c % t, S = i[m];
     o[S].push(u);
   }), o;
 }, Lt = ({ initialColumns: r, initialPanels: t, debug: n = {}, onLayoutChange: l }) => {
@@ -1314,7 +1323,7 @@ const Ct = ({
   K(() => {
     l?.(o);
   }, [o, l]);
-  const h = w(
+  const m = w(
     (f, g) => {
       E(n, 1, "カラム追加:", f.id, "at position:", g), i((C) => {
         const W = [...C.columns], x = g ?? W.length;
@@ -1322,7 +1331,7 @@ const Ct = ({
         const p = {
           ...C.columnWidths,
           [f.id]: f.initialWidth || 400
-        }, m = {
+        }, h = {
           ...C.columnPanels,
           [f.id]: []
         };
@@ -1330,7 +1339,7 @@ const Ct = ({
           ...C,
           columns: W,
           columnWidths: p,
-          columnPanels: m
+          columnPanels: h
         };
       });
     },
@@ -1343,11 +1352,11 @@ const Ct = ({
           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], {
+        const h = { ...g.columnWidths };
+        return delete h[f], {
           ...g,
           columns: W,
-          columnWidths: m,
+          columnWidths: h,
           columnPanels: p
         };
       });
@@ -1418,9 +1427,9 @@ const Ct = ({
     (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;
+        if (g in p && (p[g] = p[g].filter((h) => h !== f)), C in p) {
+          const h = [...p[C]];
+          h.splice(W, 0, f), p[C] = h;
         }
         return {
           ...x,
@@ -1434,8 +1443,8 @@ const Ct = ({
       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, {
+        const p = [...x[g]], h = C ?? p.length;
+        return p.splice(h, 0, f), x[g] = p, {
           ...W,
           columnPanels: x
         };
@@ -1462,7 +1471,7 @@ const Ct = ({
         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) => ({
+        const h = x.map((A, H) => ({
           id: A,
           title: `カラム ${H + 1}`,
           minWidth: 350,
@@ -1483,7 +1492,7 @@ const Ct = ({
         }
         return {
           ...g,
-          columns: m,
+          columns: h,
           columnPanels: W,
           columnWidths: b,
           isResizing: p ? !1 : g.isResizing,
@@ -1527,7 +1536,7 @@ const Ct = ({
   }, []);
   return {
     layoutState: o,
-    addColumn: h,
+    addColumn: m,
     removeColumn: S,
     moveColumn: v,
     startResize: $,
@@ -1553,11 +1562,11 @@ const Ct = ({
   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: h, top: S, right: v, bottom: $ } = c;
+  const { left: m, 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);
+  if (r >= m && r <= v && t >= S && t <= $) {
+    if (r < m + o) {
+      const a = Math.max(0, (m + o - r) / o);
       M = -Math.min(u, i + a * (u - i));
     } else if (r > v - o) {
       const a = Math.max(0, (r - (v - o)) / o);
@@ -1611,7 +1620,7 @@ const wt = ({
   isMouseDown: i,
   dragOverPosition: u,
   setCustomDrag: c,
-  setDragState: h,
+  setDragState: m,
   setDragOverPosition: S,
   setOriginalPanelPosition: v,
   setClickState: $,
@@ -1635,7 +1644,7 @@ const wt = ({
 }) => {
   const x = F(r);
   x.current = r;
-  const p = F(null), m = F(null), b = F(0), N = F(new Be(Pe));
+  const p = F(null), h = F(null), b = F(0), N = F(new Be(Pe));
   K(() => {
     const d = document.querySelector("main[data-aqdd-scroll-root]");
     d && N.current.setScrollElement(d);
@@ -1657,7 +1666,7 @@ const wt = ({
         if (X) {
           document.body.classList.add("droppable");
           const G = X.getAttribute("data-column-index"), Q = G ? parseInt(G, 10) : null;
-          Q !== null && Q !== t.dragOverColumn && h((re) => ({ ...re, dragOverColumn: Q }));
+          Q !== null && Q !== t.dragOverColumn && m((re) => ({ ...re, dragOverColumn: Q }));
           const B = k?.closest("[data-placeholder-index]");
           if (B) {
             const re = B.getAttribute("data-placeholder-index"), ie = B.getAttribute("data-placeholder-column");
@@ -1668,13 +1677,13 @@ const wt = ({
           } else
             W();
         } else
-          document.body.classList.remove("droppable"), S(null), h((G) => ({ ...G, dragOverColumn: null }));
+          document.body.classList.remove("droppable"), S(null), m((G) => ({ ...G, dragOverColumn: null }));
       } else if (i && l.isClicked && l.panelId) {
         if (o[l.panelId] !== "custom" || Z(d.clientX, d.clientY) < 10) return;
         E(x.current, 1, "🚀 カスタムドラッグ開始 -", l.panelId);
         const X = document.querySelector(`[data-panel-id="${l.panelId}"]`);
-        if (X && m.current) {
-          const G = X.getBoundingClientRect(), Q = m.current.x - G.left, B = m.current.y - G.top;
+        if (X && h.current) {
+          const G = X.getBoundingClientRect(), Q = h.current.x - G.left, B = h.current.y - G.top;
           _(l.panelId, Q, B), document.body.classList.add("custom-dragging"), c({
             isActive: !0,
             panelId: l.panelId,
@@ -1682,7 +1691,7 @@ const wt = ({
             startY: B
           });
         }
-        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);
+        m({ isDragging: !0, draggedPanel: l.panelId, dragOverColumn: null }), v(y(l.panelId)), j(d.clientX, d.clientY), $({ isClicked: !1, panelId: null }), M(!1), Y(), h.current = null, p.current && (clearTimeout(p.current), p.current = null);
       }
     },
     [
@@ -1692,7 +1701,7 @@ const wt = ({
       o,
       i,
       D,
-      h,
+      m,
       S,
       Z,
       y,
@@ -1727,15 +1736,15 @@ const wt = ({
       } 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;
+          p.current && (clearTimeout(p.current), p.current = null), O(), h.current = null, b.current = 0;
           return;
         }
         b.current += 1, l.isClicked === !1 && b.current === 1 ? (E(x.current, 1, "🖱️ 仮想クリック検出 - ドラッグ待機状態へ:", G), $({ isClicked: !0, panelId: G }), p.current = window.setTimeout(() => {
-          E(x.current, 1, "⏳ クリック待機状態を自動解除:", G), O(), 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), O(), h.current = null, b.current = 0;
+        }, 2e3)) : (E(x.current, 1, "🚫 クリック待機状態を解除 - 仮想クリック検出停止:", G), p.current && (clearTimeout(p.current), p.current = null), O(), h.current = null, b.current = 0, p.current = window.setTimeout(() => {
           E(x.current, 1, "⏳ 仮想クリック検出再開:", G);
         }, 2e3));
-      } else l.isClicked && (O(), m.current = null, b.current = 0);
+      } else l.isClicked && (O(), h.current = null, b.current = 0);
       i && M(!1);
     },
     [n.isActive, n.panelId, l, o, i, a, U, O, z, $, M, g]
@@ -1745,7 +1754,7 @@ const wt = ({
         E(x.current, 1, "🚫 カスタムドラッグモードではない - スキップ:", k);
         return;
       }
-      R(d.clientX, d.clientY), l.isClicked && l.panelId === k && (M(!0), p.current !== null && (clearTimeout(p.current), p.current = null), L(d.clientX, d.clientY), m.current = { x: d.clientX, y: d.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), h.current = { x: d.clientX, y: d.clientY });
     },
     [l, o, R, M, L]
   );
@@ -1766,7 +1775,7 @@ const wt = ({
     panelId: "",
     startX: 0,
     startY: 0
-  }), [h, S] = te({
+  }), [m, S] = te({
     isClicked: !1,
     panelId: null
   }), [v, $] = te({
@@ -1801,7 +1810,7 @@ const wt = ({
     dragOverPosition: n,
     originalPanelPosition: o,
     customDrag: u,
-    clickState: h,
+    clickState: m,
     touchDragState: v,
     isMouseDown: M,
     // Stabilized Setters / 安定化されたセッター
@@ -1831,7 +1840,7 @@ const wt = ({
       y: a,
       isVisible: j.isVisible
     });
-  }, []), h = w((y, a) => {
+  }, []), m = w((y, a) => {
     l.current = Date.now(), o.current = { x: y, y: a };
   }, []), S = w((y, a) => {
     n.current = { x: y, y: a };
@@ -1851,7 +1860,7 @@ const wt = ({
     showMousePosition: i,
     hideMousePosition: u,
     updateMousePosition: c,
-    recordMouseDown: h,
+    recordMouseDown: m,
     recordClickPosition: S,
     isVirtualClick: v,
     calculateMoveDistance: $,
@@ -1866,7 +1875,7 @@ const wt = ({
   dragOverPosition: i,
   originalPanelPosition: u,
   setDragState: c,
-  setDragOverPosition: h,
+  setDragOverPosition: m,
   setOriginalPanelPosition: S,
   performPanelMove: v,
   showMousePosition: $,
@@ -1904,10 +1913,10 @@ const wt = ({
         return;
       }
       E(R.current, 1, "ドラッグ開始:", p);
-      const m = Object.keys(L.current);
+      const h = 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);
+      for (let N = 0; N < h.length; N++) {
+        const T = h[N], A = L.current[T].indexOf(p);
         if (A !== -1) {
           b = { columnIndex: N, panelIndex: A };
           break;
@@ -1938,7 +1947,7 @@ const wt = ({
     (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]");
+      const h = document.elementFromPoint(x.clientX, x.clientY), b = h?.closest("[data-placeholder-index]");
       if (b) {
         const N = b.getAttribute("data-placeholder-index"), T = b.getAttribute("data-placeholder-column");
         if (N && T) {
@@ -1946,26 +1955,26 @@ const wt = ({
           a(H, A);
         }
       } else
-        m?.closest("[data-drop-zone]") || j();
+        h?.closest("[data-drop-zone]") || j();
     },
     [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,
+      const h = x.dataTransfer.getData("text/plain"), b = Z.current;
+      h && b && (E(R.current, 1, "🎯 ドロップ完了:", {
+        draggedPanel: h,
         targetColumn: p,
         insertPosition: `カラム${b.columnIndex} - 位置${b.insertIndex}`
-      }), v(m, p, b.insertIndex), h(null), f());
+      }), v(h, p, b.insertIndex), m(null), f());
     },
-    [v, h, f]
+    [v, m, f]
   ), W = w(
     (x) => {
-      const p = x.currentTarget, m = x.relatedTarget;
-      m && p.contains(m) || (h(null), c((b) => ({ ...b, dragOverColumn: null })));
+      const p = x.currentTarget, h = x.relatedTarget;
+      h && p.contains(h) || (m(null), c((b) => ({ ...b, dragOverColumn: null })));
     },
-    [h, c]
+    [m, c]
   );
   return K(() => {
     const x = (p) => {
@@ -1985,7 +1994,7 @@ const wt = ({
     handleColumnDragLeave: W
   };
 }, 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);
+  const [n, l] = te(r), [o, i] = te({}), u = F({}), c = F(null), m = F({ x: 0, y: 0 }), S = F(t);
   S.current = t;
   const v = w((L) => document.querySelector(`[data-panel-id="${L}"]`), []), $ = w(
     (L, z) => {
@@ -2020,12 +2029,12 @@ const wt = ({
       const Y = v(L);
       if (!Y || c.current) return;
       const U = S.current, O = Y.getBoundingClientRect(), _ = Y.cloneNode(!0);
-      _.removeAttribute("data-panel-id"), _.style.position = "fixed", _.style.top = "0px", _.style.left = "0px", _.style.width = `${Y.offsetWidth}px`, _.style.height = `${Y.offsetHeight}px`, _.style.pointerEvents = "none", _.style.zIndex = "1000", _.style.opacity = "0.5", _.style.margin = "0", _.style.transition = "none", _.style.boxShadow = "0 8px 32px rgba(0,0,0,0.3)", _.style.transformOrigin = "top left", _.style.transform = `translate(${O.left}px, ${O.top}px) scale(${U})`, _.id = `drag-image-${L}`, document.body.appendChild(_), c.current = _, h.current = { x: z, y: Z };
+      _.removeAttribute("data-panel-id"), _.style.position = "fixed", _.style.top = "0px", _.style.left = "0px", _.style.width = `${Y.offsetWidth}px`, _.style.height = `${Y.offsetHeight}px`, _.style.pointerEvents = "none", _.style.zIndex = "1000", _.style.opacity = "0.5", _.style.margin = "0", _.style.transition = "none", _.style.boxShadow = "0 8px 32px rgba(0,0,0,0.3)", _.style.transformOrigin = "top left", _.style.transform = `translate(${O.left}px, ${O.top}px) scale(${U})`, _.id = `drag-image-${L}`, document.body.appendChild(_), c.current = _, m.current = { x: z, y: Z };
     },
     [v]
   ), j = w((L, z) => {
     if (c.current) {
-      const Z = L - h.current.x, Y = z - h.current.y;
+      const Z = L - m.current.x, Y = z - m.current.y;
       c.current.style.transform = `translate(${Z}px, ${Y}px) scale(${S.current * 1.05})`;
     }
   }, []), D = w(() => {
@@ -2054,43 +2063,43 @@ const wt = ({
     removeDragImage: D
   };
 }, _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 m = F(l);
+  m.current = l;
   const [S, v] = te(r), [$, M] = te(n), y = F(S);
   y.current = S;
   const a = jt(), j = Pt(), D = Nt(t, c), R = F({
     mousemove: null,
     mouseup: null
-  }), L = w((m) => {
+  }), L = w((h) => {
     const b = Object.keys(y.current), N = bt(b, ae);
     for (let T = 0; T < N.length; T++) {
-      const A = N[T], H = y.current[A]?.indexOf(m) ?? -1;
+      const A = N[T], H = y.current[A]?.indexOf(h) ?? -1;
       if (H !== -1)
         return { columnIndex: T, panelIndex: H };
     }
     return null;
   }, []), 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));
+    (h, b, N) => {
+      E(m.current, 1, "🔄 パネル移動実行:", h, "→", b, "@", N), v((T) => {
+        const A = { ...T }, H = Object.keys(A).find((s) => A[s].includes(h));
         if (!H)
-          return console.error("Source column not found for panel:", m), T;
+          return console.error("Source column not found for panel:", h), T;
         if (!A[b])
           return console.error("Target column not found:", b), T;
         if (H === b) {
-          const s = [...A[H]], d = s.indexOf(m), [k] = s.splice(d, 1), X = d < N ? N - 1 : N;
+          const s = [...A[H]], d = s.indexOf(h), [k] = s.splice(d, 1), X = d < N ? N - 1 : N;
           s.splice(X, 0, k), A[b] = s;
         } else {
-          A[H] = A[H].filter((d) => d !== m);
+          A[H] = A[H].filter((d) => d !== h);
           const s = [...A[b]];
-          s.splice(N, 0, m), A[b] = s;
+          s.splice(N, 0, h), A[b] = s;
         }
-        if (E(h.current, 1, "✅ パネル移動完了:", m, "→", b), u && requestAnimationFrame(() => {
+        if (E(m.current, 1, "✅ パネル移動完了:", h, "→", b), u && requestAnimationFrame(() => {
           u(A);
         }), o) {
-          const s = Object.keys(T).find((d) => T[d].includes(m));
+          const s = Object.keys(T).find((d) => T[d].includes(h));
           s && requestAnimationFrame(() => {
-            o(m, s, b, N);
+            o(h, s, b, N);
           });
         }
         return A;
@@ -2098,34 +2107,34 @@ const wt = ({
     },
     [u, o]
   ), Z = w(
-    (m, b) => {
+    (h, 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}`);
+      if (N && N.columnIndex === h && (N.panelIndex === b || N.panelIndex + 1 === b)) {
+        E(m.current, 1, `元の位置への挿入をスキップ: カラム${h}, 位置${b}`);
         return;
       }
       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 })));
+      (!T || T.columnIndex !== h || T.insertIndex !== b) && (E(m.current, 1, `プレースホルダーエンター: カラム${h}, 位置${b}`), a.setDragOverPosition({ columnIndex: h, insertIndex: b }), a.setDragState((A) => ({ ...A, dragOverColumn: h })));
     },
     [a]
   ), Y = w(
-    (m, b, N) => {
+    (h, 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) {
+          E(m.current, 1, "🚫 カスタムドラッグ - プレースホルダーリーブ: ハイライトを解除します。"), a.setDragOverPosition(null);
+        else if (a.dragState.isDragging && h && b !== void 0 && N !== void 0) {
           const T = a.dragOverPosition;
           if (T && T.columnIndex === b && T.insertIndex === N) {
-            const A = m.currentTarget, H = m.relatedTarget;
-            H && A.contains(H) || (E(h.current, 1, `ノーマルドラッグ - プレースホルダーリーブ: カラム${b}, 位置${N}。ハイライトを解除します。`), a.setDragOverPosition(null));
+            const A = h.currentTarget, H = h.relatedTarget;
+            H && A.contains(H) || (E(m.current, 1, `ノーマルドラッグ - プレースホルダーリーブ: カラム${b}, 位置${N}。ハイライトを解除します。`), a.setDragOverPosition(null));
           }
         }
       }
     },
     [a]
   ), U = wt({
-    debugConfig: h.current,
+    debugConfig: m.current,
     dragState: a.dragState,
     customDrag: a.customDrag,
     clickState: a.clickState,
@@ -2156,7 +2165,7 @@ const wt = ({
     handlePlaceholderDragEnter: Z,
     handlePlaceholderDragLeave: Y
   }), O = Dt({
-    debugConfig: h.current,
+    debugConfig: m.current,
     dragState: a.dragState,
     customDrag: a.customDrag,
     dragModes: $,
@@ -2173,24 +2182,24 @@ const wt = ({
     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);
+  }), _ = w((h) => {
+    R.current.mousemove && R.current.mousemove(h);
+  }, []), f = w((h) => {
+    R.current.mouseup && R.current.mouseup(h);
   }, []);
-  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);
+  K(() => (E(m.current, 1, "🔧 グローバルイベントリスナー初期化 - refベース管理開始"), document.addEventListener("mousemove", _), document.addEventListener("mouseup", f), () => {
+    E(m.current, 1, "🔴 グローバルイベントリスナー終了 - refベース管理終了"), document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", f);
   }), [_, f]), K(() => {
-    const 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 = U.handleGlobalMouseMove, R.current.mouseup = U.handleGlobalMouseUp;
+    const h = !a.clickState.isClicked && Object.entries($).some(([, N]) => N === "custom"), b = a.clickState.isClicked && a.clickState.panelId;
+    if (h || b) {
+      const N = h ? "パターン1（仮想クリック検出）" : "パターン2,3（ドラッグ準備）";
+      E(m.current, 1, `🔧 イベントハンドラー設定開始: ${N}`), R.current.mousemove = U.handleGlobalMouseMove, R.current.mouseup = U.handleGlobalMouseUp;
     } else
       a.customDrag.isActive || a.dragState.isDragging || (R.current.mousemove = null, R.current.mouseup = null);
   }, [a.clickState.isClicked, a.clickState.panelId, $, a.customDrag.isActive, a.dragState.isDragging, U.handleGlobalMouseMove, U.handleGlobalMouseUp]);
   const g = w(
-    (m, b) => {
-      const N = m.touches[0], T = m.currentTarget;
+    (h, b) => {
+      const N = h.touches[0], T = h.currentTarget;
       a.setTouchDragState({
         isTouchDragging: !0,
         startX: N.clientX,
@@ -2206,10 +2215,10 @@ const wt = ({
     },
     [a]
   ), C = w(
-    (m) => {
+    (h) => {
       if (!a.touchDragState.isTouchDragging) return;
-      m.preventDefault();
-      const b = m.touches[0];
+      h.preventDefault();
+      const b = h.touches[0];
       a.setTouchDragState((N) => ({
         ...N,
         currentX: b.clientX,
@@ -2218,7 +2227,7 @@ const wt = ({
     },
     [a.touchDragState.isTouchDragging, a]
   ), W = w(
-    (m) => {
+    (h) => {
       a.touchDragState.isTouchDragging && (a.setTouchDragState({
         isTouchDragging: !1,
         startX: 0,
@@ -2230,12 +2239,12 @@ const wt = ({
     },
     [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 };
+    (h) => {
+      E(m.current, 1, "🔄 toggleDragMode called:", { panelId: h }), M((b) => {
+        const T = (b[h] || "normal") === "normal" ? "custom" : "normal", A = { ...b, [h]: T };
         if (i)
           try {
-            i(m, T);
+            i(h, T);
           } catch (H) {
             console.error("🔄 Error in onDragModeChange:", H);
           }
@@ -2243,8 +2252,8 @@ const wt = ({
       });
     },
     [i]
-  ), p = w((m, b) => {
-    m.stopPropagation(), E(h.current, 2, "パネルサイズ情報クリック:", b);
+  ), p = w((h, b) => {
+    h.stopPropagation(), E(m.current, 2, "パネルサイズ情報クリック:", b);
   }, []);
   return {
     // 状態
@@ -2282,7 +2291,7 @@ const wt = ({
     findPanelPosition: L
   };
 }, 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);
+  const [i, u] = te(0), c = F(0), m = F(null), [S, v] = te(!1), $ = F(t);
   K(() => {
     if (typeof window > "u")
       return;
@@ -2290,13 +2299,13 @@ const wt = ({
       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(() => {
+      m.current !== null && cancelAnimationFrame(m.current), m.current = requestAnimationFrame(() => {
         const D = a();
-        h.current = null, D !== 0 && (Math.abs(c.current - D) < 2 || (c.current = D, u(D)));
+        m.current = null, D !== 0 && (Math.abs(c.current - D) < 2 || (c.current = D, u(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);
+      m.current !== null && cancelAnimationFrame(m.current), window.removeEventListener("resize", j), window.removeEventListener("orientationchange", j), window.visualViewport?.removeEventListener("resize", j);
     };
   }, []);
   const M = Xe(() => {