@aiquants/drag-drop-panels 0.7.2 → 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;
@@ -39,7 +39,7 @@ function ht() {
           return "Profiler";
         case R:
           return "StrictMode";
-        case q:
+        case U:
           return "Suspense";
         case O:
           return "SuspenseList";
@@ -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"), 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() {
+    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);
-}, 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);
+}, 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 = {
@@ -453,16 +453,16 @@ const ft = ({ config: r, panelId: t, sizeInfo: n, onSizeInfoClick: l }) => r.sho
     }
   );
 });
-Ie.displayName = "InsertPlaceholder";
-const Ue = ({ columnIndex: r, isDragging: t, dragOverPosition: n, children: l, config: o }) => {
+qe.displayName = "InsertPlaceholder";
+const Ie = ({ 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),
+      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}:`, {
@@ -514,7 +514,7 @@ const Ue = ({ columnIndex: r, isDragging: t, dragOverPosition: n, children: l, c
     ] })
   ] });
 };
-Ue.displayName = "DropZoneDebugOverlay";
+Ie.displayName = "DropZoneDebugOverlay";
 const xt = 0.25, gt = typeof window < "u" ? Ee : K, pt = (r, t = xt) => {
   const n = F(null), [l, o] = te(1);
   return gt(() => {
@@ -524,32 +524,32 @@ 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();
     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);
+}, Ue = ({ columnId: r, onResizeStart: t, onResize: n, onResizeEnd: l, isResizing: o = !1, position: i = "right", className: u = "", debug: c = {} }) => {
+  const m = F(!1), S = F(null);
   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(qe, { 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(Ie, { 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: $,
@@ -643,7 +643,7 @@ const Ct = ({
   onTouchMove: z,
   onTouchEnd: Z,
   debugConfig: Y,
-  panelSizes: q,
+  panelSizes: U,
   setPanelRef: O,
   enableResize: _ = !1,
   columnWidths: f,
@@ -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) => {
@@ -702,34 +702,34 @@ const Ct = ({
     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];
+    Object.keys(de.current).forEach((q) => {
+      const ne = de.current[q];
       if (ne) {
         const ue = ne.getBoundingClientRect();
-        P.set(I, {
+        P.set(q, {
           rect: ue,
           height: ne.offsetHeight,
           width: ne.offsetWidth
         });
       }
     });
-    const V = De.current, ee = 300, he = /* @__PURE__ */ new Set();
-    Object.values(n).forEach((I) => {
-      I.forEach((ne) => {
-        he.add(ne);
+    const V = De.current, ee = 300, me = /* @__PURE__ */ new Set();
+    Object.values(n).forEach((q) => {
+      q.forEach((ne) => {
+        me.add(ne);
       });
-    }), 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) => {
+    }), new Set(V.keys()).forEach((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 - 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 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,15 +758,15 @@ 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, I = 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: I,
+      dragMode: q,
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
     });
-    const ne = (U) => {
-      de.current[P] = U, O && O(P, U), U && Y.showPanelSizes && requestAnimationFrame(() => {
-        const ve = U.getBoundingClientRect(), Re = window.getComputedStyle(U);
+    const ne = (I) => {
+      de.current[P] = I, O && O(P, I), I && Y.showPanelSizes && requestAnimationFrame(() => {
+        const ve = I.getBoundingClientRect(), Re = window.getComputedStyle(I);
         E(Q.current, 1, `Panel ${P} mounted with size:`, {
           width: ve.width,
           height: ve.height,
@@ -776,10 +776,19 @@ const Ct = ({
           maxHeight: Re.maxHeight
         });
       });
-    }, 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" } : {
+    }, 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 = 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 ? (
+    }, 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 ? (
       // 最大化中: 角丸・ホバー演出・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}`;
@@ -794,11 +803,11 @@ const Ct = ({
           "data-maximized": J || void 0,
           role: "presentation",
           draggable: Oe,
-          onDragStart: (U) => Oe && S(U, P),
+          onDragStart: (I) => Oe && S(I, P),
           onDragEnd: v,
-          onClick: (U) => D?.(U, P),
-          onMouseDown: (U) => R?.(U, P),
-          onTouchStart: (U) => L?.(U, P),
+          onClick: (I) => D?.(I, P),
+          onMouseDown: (I) => R?.(I, P),
+          onTouchStart: (I) => L?.(I, P),
           onTouchMove: z,
           onTouchEnd: Z,
           style: pe,
@@ -809,38 +818,38 @@ const Ct = ({
               {
                 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();
+                onDragStart: (I) => Te && S(I, P),
+                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 }),
-                    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.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: [
                     /* @__PURE__ */ e.jsx(
                       "button",
                       {
                         type: "button",
-                        onClick: (U) => {
-                          U.stopPropagation(), b && b(P);
+                        onClick: (I) => {
+                          I.stopPropagation(), b && b(P);
                         },
-                        onKeyDown: (U) => {
-                          (U.key === "Enter" || U.key === " ") && (U.preventDefault(), U.stopPropagation(), b && b(P));
+                        onKeyDown: (I) => {
+                          (I.key === "Enter" || I.key === " ") && (I.preventDefault(), I.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" })
+                        className: `cursor-pointer rounded p-1 text-xs transition-colors ${q === "custom" ? "bg-orange-100 text-orange-600 hover:bg-orange-200" : "text-slate-400 hover:bg-slate-100 hover:text-slate-600"}`,
+                        title: q === "custom" ? "通常ドラッグモードに戻す" : "カスタムドラッグモードに切り替え",
+                        children: q === "custom" ? /* @__PURE__ */ e.jsx(nt, { className: "h-4 w-4" }) : /* @__PURE__ */ e.jsx(rt, { className: "h-4 w-4" })
                       }
                     ),
                     !J && /* @__PURE__ */ e.jsx(
                       "button",
                       {
                         type: "button",
-                        onClick: (U) => {
-                          U.stopPropagation(), o({
+                        onClick: (I) => {
+                          I.stopPropagation(), o({
                             ...l,
                             [P]: !1
                           });
@@ -850,12 +859,12 @@ const Ct = ({
                         children: /* @__PURE__ */ e.jsx(Le, { className: "h-4 w-4" })
                       }
                     ),
-                    me && /* @__PURE__ */ e.jsx(
+                    he && /* @__PURE__ */ e.jsx(
                       "button",
                       {
                         type: "button",
-                        onClick: (U) => {
-                          U.stopPropagation(), oe();
+                        onClick: (I) => {
+                          I.stopPropagation(), oe();
                         },
                         className: "rounded p-1 text-slate-400 transition-colors hover:bg-slate-100 hover:text-slate-600",
                         title: J ? "元のサイズに戻す" : "パネルを最大化",
@@ -866,8 +875,8 @@ const Ct = ({
                       "button",
                       {
                         type: "button",
-                        onClick: (U) => {
-                          U.stopPropagation(), N(P);
+                        onClick: (I) => {
+                          I.stopPropagation(), N(P);
                         },
                         className: "rounded p-1 text-slate-400 transition-colors hover:bg-slate-100 hover:text-red-500",
                         title: "パネルを閉じる",
@@ -878,8 +887,8 @@ const Ct = ({
                 ]
               }
             ),
-            /* @__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) })
+            /* @__PURE__ */ e.jsx("div", { "data-aqdd-scroll-area": !0, className: "panel-scroll-area min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ e.jsx(ee, { ...V.props || {} }) }),
+            /* @__PURE__ */ e.jsx(ft, { config: Y, panelId: P, sizeInfo: ue, onSizeInfoClick: (I) => h?.(I, P) })
           ]
         },
         P
@@ -887,22 +896,22 @@ const Ct = ({
     );
   }, Je = (P, V) => {
     const ee = n[P] || [];
-    let he = !1;
-    for (const I of ee)
-      if (l[I]) {
-        he = !0;
+    let me = !1;
+    for (const q of ee)
+      if (l[q]) {
+        me = !0;
         break;
       }
     const ce = i.isDragging || (A?.isActive ?? !1);
-    return /* @__PURE__ */ e.jsx(Ue, { columnIndex: V, isDragging: ce, dragOverPosition: u, config: Y, children: /* @__PURE__ */ e.jsxs(
+    return /* @__PURE__ */ e.jsx(Ie, { columnIndex: V, isDragging: ce, dragOverPosition: u, config: Y, children: /* @__PURE__ */ e.jsxs(
       "section",
       {
         "data-drop-zone": "true",
         "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),
+        onDragOver: (q) => y(q, V),
+        onDrop: (q) => a(q, P),
         onDragLeave: j,
         className: "relative flex h-full flex-col transition-all duration-200",
         children: [
@@ -920,14 +929,14 @@ const Ct = ({
               customDrag: A
             }
           ) }),
-          ee.map((I, ne) => {
-            const ue = l[I], J = !(ue || ce);
+          ee.map((q, ne) => {
+            const ue = l[q], J = !(ue || ce);
             return /* @__PURE__ */ e.jsxs("div", { className: `panel-with-placeholder ${J ? "m-0 h-0 overflow-hidden p-0" : ""}`, "data-panel-hidden": J ? "true" : void 0, "aria-hidden": J ? "true" : void 0, children: [
-              ue ? Ge(I) : ce ? (
+              ue ? Ge(q) : 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: Ne[I]?.title || I }),
+                    /* @__PURE__ */ e.jsx("h3", { className: "font-semibold text-amber-700 text-base", children: Ne[q]?.title || q }),
                     /* @__PURE__ */ e.jsx("span", { className: "rounded-md bg-amber-100 px-2 py-1 font-medium text-amber-600 text-xs", children: "非表示" })
                   ] }),
                   /* @__PURE__ */ 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: [
@@ -950,9 +959,9 @@ const Ct = ({
                   customDrag: A
                 }
               )
-            ] }, `panel-${I}`);
+            ] }, `panel-${q}`);
           }),
-          !(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: "このエリアは空です" }) })
+          !(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: "このエリアは空です" }) })
         ]
       }
     ) });
@@ -980,8 +989,8 @@ 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", { 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);
+    /* @__PURE__ */ e.jsx("div", { ref: B, className: "relative min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ e.jsx("div", { className: "h-full w-full", style: Ze, children: /* @__PURE__ */ e.jsx("main", { "data-aqdd-scroll-root": !0, className: "no-scrollbar h-full max-w-full flex-1 overflow-auto px-4 py-6 sm:px-6", children: /* @__PURE__ */ e.jsx("div", { className: "relative flex h-full items-start gap-6 pr-4", children: r.map((P, V) => {
+      const ee = f?.[P.id] || P.initialWidth || 350, me = _ && (P.resizable ?? !0);
       return /* @__PURE__ */ e.jsx(et, { children: /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -996,13 +1005,13 @@ const Ct = ({
           },
           children: [
             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 })
+            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,
@@ -1514,7 +1523,7 @@ const Ct = ({
   }, [n]), Y = w(
     (f) => o.columns.find((g) => g.id === f),
     [o.columns]
-  ), q = w(() => {
+  ), U = w(() => {
     let f = 0;
     for (const g of Object.values(o.columnWidths))
       f += g;
@@ -1527,7 +1536,7 @@ const Ct = ({
   }, []);
   return {
     layoutState: o,
-    addColumn: h,
+    addColumn: m,
     removeColumn: S,
     moveColumn: v,
     startResize: $,
@@ -1541,7 +1550,7 @@ const Ct = ({
     updateColumnCount: z,
     autoBalanceColumns: Z,
     getColumnById: Y,
-    getTotalWidth: q,
+    getTotalWidth: U,
     getColumnElement: O,
     setShowInsertPlaceholders: _
   };
@@ -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: $,
@@ -1625,7 +1634,7 @@ const wt = ({
   isVirtualClick: z,
   calculateMoveDistance: Z,
   clearMouseTracking: Y,
-  resetDragState: q,
+  resetDragState: U,
   resetClickState: O,
   createDragImage: _,
   updateDragImagePosition: f,
@@ -1635,9 +1644,9 @@ 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.max-w-full.flex-1.overflow-auto");
+    const d = document.querySelector("main[data-aqdd-scroll-root]");
     d && N.current.setScrollElement(d);
   }, []);
   const T = F(u);
@@ -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,
@@ -1723,29 +1732,29 @@ const wt = ({
             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]);
           }
         }
-        g(), document.body.classList.remove("custom-dragging", "droppable"), q(), b.current = 0;
+        g(), document.body.classList.remove("custom-dragging", "droppable"), U(), 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;
+          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, q, O, z, $, M, g]
+    [n.isActive, n.panelId, l, o, i, a, U, O, z, $, M, g]
   ), s = w(
     (d, k) => {
       if (o[k] !== "custom") {
         E(x.current, 1, "🚫 カスタムドラッグモードではない - スキップ:", k);
         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({
@@ -1792,7 +1801,7 @@ const wt = ({
     S(O);
   }, []), Y = w((O) => {
     $(O);
-  }, []), q = w((O) => {
+  }, []), U = w((O) => {
     y(O);
   }, []);
   return {
@@ -1801,7 +1810,7 @@ const wt = ({
     dragOverPosition: n,
     originalPanelPosition: o,
     customDrag: u,
-    clickState: h,
+    clickState: m,
     touchDragState: v,
     isMouseDown: M,
     // Stabilized Setters / 安定化されたセッター
@@ -1811,7 +1820,7 @@ const wt = ({
     setCustomDrag: z,
     setClickState: Z,
     setTouchDragState: Y,
-    setIsMouseDown: q,
+    setIsMouseDown: U,
     // Utility Functions / ユーティリティ関数
     resetDragState: a,
     resetClickState: j
@@ -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: $,
@@ -1886,11 +1895,11 @@ const wt = ({
   Z.current = i;
   const Y = F(u);
   Y.current = u;
-  const q = F(D);
-  q.current = D;
+  const U = F(D);
+  U.current = D;
   const O = F(new Be(Pe));
   K(() => {
-    const x = document.querySelector("main.max-w-full.flex-1.overflow-auto");
+    const x = document.querySelector("main[data-aqdd-scroll-root]");
     x && O.current.setScrollElement(x);
   }, []);
   const _ = w(
@@ -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;
@@ -1915,7 +1924,7 @@ const wt = ({
       }
       if (S(b), x.dataTransfer) {
         x.dataTransfer.setData("text/plain", p), x.dataTransfer.effectAllowed = "move";
-        const N = q.current;
+        const N = U.current;
         if (N < 1) {
           const T = x.currentTarget.closest("[data-panel-id]") ?? x.currentTarget, A = T.getBoundingClientRect(), H = T.offsetWidth, s = T.offsetHeight, d = T.cloneNode(!0);
           d.removeAttribute("data-panel-id"), d.removeAttribute("id"), d.style.margin = "0", d.style.width = `${H}px`, d.style.height = `${s}px`, d.style.transform = `scale(${N})`, d.style.transformOrigin = "top left";
@@ -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,11 +1994,11 @@ 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) => {
-      const Z = z.getBoundingClientRect(), Y = window.getComputedStyle(z), q = {
+      const Z = z.getBoundingClientRect(), Y = window.getComputedStyle(z), U = {
         width: Math.round(Z.width),
         height: Math.round(Z.height),
         x: Math.round(Z.left),
@@ -1997,9 +2006,9 @@ const wt = ({
         minHeight: Y.minHeight || "auto",
         maxHeight: Y.maxHeight || "none"
       }, O = u.current[L];
-      (!O || Object.keys(q).some((_) => O[_] !== q[_])) && (u.current[L] = q, i((_) => ({
+      (!O || Object.keys(U).some((_) => O[_] !== U[_])) && (u.current[L] = U, i((_) => ({
         ..._,
-        [L]: q
+        [L]: U
       })));
     },
     []
@@ -2019,13 +2028,13 @@ const wt = ({
     (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 };
+      const U = S.current, O = Y.getBoundingClientRect(), _ = Y.cloneNode(!0);
+      _.removeAttribute("data-panel-id"), _.style.position = "fixed", _.style.top = "0px", _.style.left = "0px", _.style.width = `${Y.offsetWidth}px`, _.style.height = `${Y.offsetHeight}px`, _.style.pointerEvents = "none", _.style.zIndex = "1000", _.style.opacity = "0.5", _.style.margin = "0", _.style.transition = "none", _.style.boxShadow = "0 8px 32px rgba(0,0,0,0.3)", _.style.transformOrigin = "top left", _.style.transform = `translate(${O.left}px, ${O.top}px) scale(${U})`, _.id = `drag-image-${L}`, document.body.appendChild(_), c.current = _, m.current = { x: z, y: Z };
     },
     [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]
-  ), q = wt({
-    debugConfig: h.current,
+  ), U = wt({
+    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 = q.handleGlobalMouseMove, R.current.mouseup = q.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, q.handleGlobalMouseMove, q.handleGlobalMouseUp]);
+  }, [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 {
     // 状態
@@ -2267,7 +2276,7 @@ const wt = ({
     // イベントハンドラー
     handleDragStart: O.handleDragStart,
     handleDragEnd: O.handleDragEnd,
-    handleMouseDown: q.handleMouseDown,
+    handleMouseDown: U.handleMouseDown,
     handleTouchStart: g,
     handleTouchMove: C,
     handleTouchEnd: W,
@@ -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(() => {
@@ -2305,8 +2314,8 @@ const wt = ({
     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));
+      const L = D.reduce((Y, U) => Y + U, 0) / D.length, z = Math.max(r, L);
+      R = Math.floor((a + j) / (z + j)), D.reduce((Y, U) => Y + U, 0) + (D.length - 1) * j > a && D.length > l && (R = Math.min(R, D.length - 1));
     } else
       R = Math.floor((a + j) / (r + j));
     return R = Math.max(l, Math.min(n, R)), $.current === R ? $.current : ($.current = R, R);
@@ -2361,12 +2370,12 @@ export {
   Pe as DEFAULT_EDGE_SCROLL_CONFIG,
   Tt as DebugControlPanel,
   Ct as DragDropLayout,
-  Ue as DropZoneDebugOverlay,
+  Ie as DropZoneDebugOverlay,
   Be as EdgeScrollManager,
-  Ie as InsertPlaceholder,
+  qe as InsertPlaceholder,
   ft as PanelSizeDisplay,
   kt as ResizableColumn,
-  qe as ResizeHandle,
+  Ue as ResizeHandle,
   zt as ResponsiveControl,
   Ye as calculateScrollVector,
   Rt as createColumnIdMapping,