react-grid-layout 2.2.2 → 2.2.4

package/dist/{ResponsiveGridLayout-MbDNfJ8M.d.ts → ResponsiveGridLayout-BjVraYMQ.d.mts}

@@ -1,5 +1,5 @@
 import React__default, { CSSProperties, DragEvent, ReactElement } from 'react';
-import { l as GridConfig, m as DragConfig, n as ResizeConfig, o as DropConfig, k as PositionStrategy, c as Compactor, f as LayoutConstraint, L as Layout, a as LayoutItem, B as Breakpoint, b as Breakpoints, R as ResponsiveLayouts } from './types-BiXsdXr7.js';
+import { m as GridConfig, j as DragConfig, r as ResizeConfig, l as DropConfig, p as PositionStrategy, b as Compactor, f as LayoutConstraint, L as Layout, d as LayoutItem, E as EventCallback, B as Breakpoint, a as Breakpoints, e as ResponsiveLayouts } from './types-jd8MiKM1.mjs';
 
 /**
  * GridLayout component
@@ -7,7 +7,6 @@ import { l as GridConfig, m as DragConfig, n as ResizeConfig, o as DropConfig, k
  * A reactive, fluid grid layout with draggable, resizable components.
  */
 
-type EventCallback = (layout: Layout, oldItem: LayoutItem | null, newItem: LayoutItem | null, placeholder: LayoutItem | null, event: Event, element?: HTMLElement) => void;
 interface GridLayoutProps {
     /** Child elements to render in the grid */
     children: React__default.ReactNode;
@@ -130,4 +129,4 @@ interface ResponsiveGridLayoutProps<B extends Breakpoint = string> extends Omit<
  */
 declare function ResponsiveGridLayout<B extends Breakpoint = string>(props: ResponsiveGridLayoutProps<B>): ReactElement;
 
-export { type EventCallback as E, GridLayout as G, ResponsiveGridLayout as R, type GridLayoutProps as a, type ResponsiveGridLayoutProps as b };
+export { GridLayout as G, ResponsiveGridLayout as R, type GridLayoutProps as a, type ResponsiveGridLayoutProps as b };

package/dist/{ResponsiveGridLayout-DqK__izz.d.mts → ResponsiveGridLayout-BrhkSyZk.d.ts}

@@ -1,5 +1,5 @@
 import React__default, { CSSProperties, DragEvent, ReactElement } from 'react';
-import { l as GridConfig, m as DragConfig, n as ResizeConfig, o as DropConfig, k as PositionStrategy, c as Compactor, f as LayoutConstraint, L as Layout, a as LayoutItem, B as Breakpoint, b as Breakpoints, R as ResponsiveLayouts } from './types-BiXsdXr7.mjs';
+import { m as GridConfig, j as DragConfig, r as ResizeConfig, l as DropConfig, p as PositionStrategy, b as Compactor, f as LayoutConstraint, L as Layout, d as LayoutItem, E as EventCallback, B as Breakpoint, a as Breakpoints, e as ResponsiveLayouts } from './types-jd8MiKM1.js';
 
 /**
  * GridLayout component
@@ -7,7 +7,6 @@ import { l as GridConfig, m as DragConfig, n as ResizeConfig, o as DropConfig, k
  * A reactive, fluid grid layout with draggable, resizable components.
  */
 
-type EventCallback = (layout: Layout, oldItem: LayoutItem | null, newItem: LayoutItem | null, placeholder: LayoutItem | null, event: Event, element?: HTMLElement) => void;
 interface GridLayoutProps {
     /** Child elements to render in the grid */
     children: React__default.ReactNode;
@@ -130,4 +129,4 @@ interface ResponsiveGridLayoutProps<B extends Breakpoint = string> extends Omit<
  */
 declare function ResponsiveGridLayout<B extends Breakpoint = string>(props: ResponsiveGridLayoutProps<B>): ReactElement;
 
-export { type EventCallback as E, GridLayout as G, ResponsiveGridLayout as R, type GridLayoutProps as a, type ResponsiveGridLayoutProps as b };
+export { GridLayout as G, ResponsiveGridLayout as R, type GridLayoutProps as a, type ResponsiveGridLayoutProps as b };

package/dist/{calculate-FbCWy8x1.d.mts → calculate-DH4EVtn1.d.mts}

@@ -1,4 +1,4 @@
-import { P as Position, d as ResizeHandleAxis } from './types-BiXsdXr7.mjs';
+import { P as Position, R as ResizeHandleAxis } from './types-jd8MiKM1.mjs';
 
 /**
  * Grid calculation utilities.
@@ -193,4 +193,4 @@ interface GridCellConfig {
  */
 declare function calcGridCellDimensions(config: GridCellConfig): GridCellDimensions;
 
-export { type GridCellDimensions as G, type PositionParams as P, calcXY as a, calcWH as b, calcGridItemPosition as c, type GridCellConfig as d, calcGridColWidth as e, calcGridItemWHPx as f, calcXYRaw as g, calcWHRaw as h, clamp as i, calcGridCellDimensions as j };
+export { type GridCellConfig as G, type PositionParams as P, calcWH as a, calcXY as b, calcGridItemPosition as c, type GridCellDimensions as d, calcGridCellDimensions as e, calcGridColWidth as f, calcGridItemWHPx as g, calcWHRaw as h, calcXYRaw as i, clamp as j };

package/dist/{calculate-9RxGrt-U.d.ts → calculate-rP3DHexe.d.ts}

@@ -1,4 +1,4 @@
-import { P as Position, d as ResizeHandleAxis } from './types-BiXsdXr7.js';
+import { P as Position, R as ResizeHandleAxis } from './types-jd8MiKM1.js';
 
 /**
  * Grid calculation utilities.
@@ -193,4 +193,4 @@ interface GridCellConfig {
  */
 declare function calcGridCellDimensions(config: GridCellConfig): GridCellDimensions;
 
-export { type GridCellDimensions as G, type PositionParams as P, calcXY as a, calcWH as b, calcGridItemPosition as c, type GridCellConfig as d, calcGridColWidth as e, calcGridItemWHPx as f, calcXYRaw as g, calcWHRaw as h, clamp as i, calcGridCellDimensions as j };
+export { type GridCellConfig as G, type PositionParams as P, calcWH as a, calcXY as b, calcGridItemPosition as c, type GridCellDimensions as d, calcGridCellDimensions as e, calcGridColWidth as f, calcGridItemWHPx as g, calcWHRaw as h, calcXYRaw as i, clamp as j };

package/dist/{chunk-2DDROKB2.js → chunk-55DQUWLA.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkBJFPTW5Q_js = require('./chunk-BJFPTW5Q.js');
+var chunkA5WIFECI_js = require('./chunk-A5WIFECI.js');
 
 // src/core/constraints.ts
 function clamp(value, min, max) {
@@ -351,13 +351,13 @@ function resolveCompactionCollision(layout, item, moveToCoord, axis, hasStatics)
   const sizeProp = axis === "x" ? "w" : "h";
   item[axis] += 1;
   const itemIndex = layout.findIndex((l) => l.i === item.i);
-  const layoutHasStatics = hasStatics ?? chunkBJFPTW5Q_js.getStatics(layout).length > 0;
+  const layoutHasStatics = hasStatics ?? chunkA5WIFECI_js.getStatics(layout).length > 0;
   for (let i = itemIndex + 1; i < layout.length; i++) {
     const otherItem = layout[i];
     if (otherItem === void 0) continue;
     if (otherItem.static) continue;
     if (!layoutHasStatics && otherItem.y > item.y + item.h) break;
-    if (chunkBJFPTW5Q_js.collides(item, otherItem)) {
+    if (chunkA5WIFECI_js.collides(item, otherItem)) {
       resolveCompactionCollision(
         layout,
         otherItem,
@@ -373,11 +373,11 @@ function compactItemVertical(compareWith, l, fullLayout, maxY) {
   l.x = Math.max(l.x, 0);
   l.y = Math.max(l.y, 0);
   l.y = Math.min(maxY, l.y);
-  while (l.y > 0 && !chunkBJFPTW5Q_js.getFirstCollision(compareWith, l)) {
+  while (l.y > 0 && !chunkA5WIFECI_js.getFirstCollision(compareWith, l)) {
     l.y--;
   }
   let collision;
-  while ((collision = chunkBJFPTW5Q_js.getFirstCollision(compareWith, l)) !== void 0) {
+  while ((collision = chunkA5WIFECI_js.getFirstCollision(compareWith, l)) !== void 0) {
     resolveCompactionCollision(fullLayout, l, collision.y + collision.h, "y");
   }
   l.y = Math.max(l.y, 0);
@@ -386,16 +386,16 @@ function compactItemVertical(compareWith, l, fullLayout, maxY) {
 function compactItemHorizontal(compareWith, l, cols, fullLayout) {
   l.x = Math.max(l.x, 0);
   l.y = Math.max(l.y, 0);
-  while (l.x > 0 && !chunkBJFPTW5Q_js.getFirstCollision(compareWith, l)) {
+  while (l.x > 0 && !chunkA5WIFECI_js.getFirstCollision(compareWith, l)) {
     l.x--;
   }
   let collision;
-  while ((collision = chunkBJFPTW5Q_js.getFirstCollision(compareWith, l)) !== void 0) {
+  while ((collision = chunkA5WIFECI_js.getFirstCollision(compareWith, l)) !== void 0) {
     resolveCompactionCollision(fullLayout, l, collision.x + collision.w, "x");
     if (l.x + l.w > cols) {
       l.x = cols - l.w;
       l.y++;
-      while (l.x > 0 && !chunkBJFPTW5Q_js.getFirstCollision(compareWith, l)) {
+      while (l.x > 0 && !chunkA5WIFECI_js.getFirstCollision(compareWith, l)) {
         l.x--;
       }
     }
@@ -407,14 +407,14 @@ var verticalCompactor = {
   type: "vertical",
   allowOverlap: false,
   compact(layout, _cols) {
-    const compareWith = chunkBJFPTW5Q_js.getStatics(layout);
-    let maxY = chunkBJFPTW5Q_js.bottom(compareWith);
-    const sorted = chunkBJFPTW5Q_js.sortLayoutItemsByRowCol(layout);
+    const compareWith = chunkA5WIFECI_js.getStatics(layout);
+    let maxY = chunkA5WIFECI_js.bottom(compareWith);
+    const sorted = chunkA5WIFECI_js.sortLayoutItemsByRowCol(layout);
     const out = new Array(layout.length);
     for (let i = 0; i < sorted.length; i++) {
       const sortedItem = sorted[i];
       if (sortedItem === void 0) continue;
-      let l = chunkBJFPTW5Q_js.cloneLayoutItem(sortedItem);
+      let l = chunkA5WIFECI_js.cloneLayoutItem(sortedItem);
       if (!l.static) {
         l = compactItemVertical(compareWith, l, sorted, maxY);
         maxY = Math.max(maxY, l.y + l.h);
@@ -431,13 +431,13 @@ var horizontalCompactor = {
   type: "horizontal",
   allowOverlap: false,
   compact(layout, cols) {
-    const compareWith = chunkBJFPTW5Q_js.getStatics(layout);
-    const sorted = chunkBJFPTW5Q_js.sortLayoutItemsByColRow(layout);
+    const compareWith = chunkA5WIFECI_js.getStatics(layout);
+    const sorted = chunkA5WIFECI_js.sortLayoutItemsByColRow(layout);
     const out = new Array(layout.length);
     for (let i = 0; i < sorted.length; i++) {
       const sortedItem = sorted[i];
       if (sortedItem === void 0) continue;
-      let l = chunkBJFPTW5Q_js.cloneLayoutItem(sortedItem);
+      let l = chunkA5WIFECI_js.cloneLayoutItem(sortedItem);
       if (!l.static) {
         l = compactItemHorizontal(compareWith, l, cols, sorted);
         compareWith.push(l);
@@ -453,21 +453,21 @@ var noCompactor = {
   type: null,
   allowOverlap: false,
   compact(layout, _cols) {
-    return chunkBJFPTW5Q_js.cloneLayout(layout);
+    return chunkA5WIFECI_js.cloneLayout(layout);
   }
 };
 var verticalOverlapCompactor = {
   ...verticalCompactor,
   allowOverlap: true,
   compact(layout, _cols) {
-    return chunkBJFPTW5Q_js.cloneLayout(layout);
+    return chunkA5WIFECI_js.cloneLayout(layout);
   }
 };
 var horizontalOverlapCompactor = {
   ...horizontalCompactor,
   allowOverlap: true,
   compact(layout, _cols) {
-    return chunkBJFPTW5Q_js.cloneLayout(layout);
+    return chunkA5WIFECI_js.cloneLayout(layout);
   }
 };
 var noOverlapCompactor = {
@@ -525,7 +525,7 @@ function getColsFromBreakpoint(breakpoint, cols) {
 function findOrGenerateResponsiveLayout(layouts, breakpoints, breakpoint, lastBreakpoint, cols, compactTypeOrCompactor) {
   const existingLayout = layouts[breakpoint];
   if (existingLayout) {
-    return chunkBJFPTW5Q_js.cloneLayout(existingLayout);
+    return chunkA5WIFECI_js.cloneLayout(existingLayout);
   }
   let layout = layouts[lastBreakpoint];
   const breakpointsSorted = sortBreakpoints(breakpoints);
@@ -541,8 +541,8 @@ function findOrGenerateResponsiveLayout(layouts, breakpoints, breakpoint, lastBr
       break;
     }
   }
-  const clonedLayout = chunkBJFPTW5Q_js.cloneLayout(layout || []);
-  const corrected = chunkBJFPTW5Q_js.correctBounds(clonedLayout, { cols });
+  const clonedLayout = chunkA5WIFECI_js.cloneLayout(layout || []);
+  const corrected = chunkA5WIFECI_js.correctBounds(clonedLayout, { cols });
   const compactor = typeof compactTypeOrCompactor === "object" && compactTypeOrCompactor !== null ? compactTypeOrCompactor : getCompactor(compactTypeOrCompactor);
   return compactor.compact(corrected, cols);
 }
@@ -604,5 +604,3 @@ exports.sortBreakpoints = sortBreakpoints;
 exports.transformStrategy = transformStrategy;
 exports.verticalCompactor = verticalCompactor;
 exports.verticalOverlapCompactor = verticalOverlapCompactor;
-//# sourceMappingURL=chunk-2DDROKB2.js.map
-//# sourceMappingURL=chunk-2DDROKB2.js.map

package/dist/{chunk-AWM66AWF.mjs → chunk-76RTO6EO.mjs}

@@ -418,5 +418,3 @@ function validateLayout(layout, contextName = "Layout") {
 }
 
 export { bottom, calcGridCellDimensions, calcGridColWidth, calcGridItemPosition, calcGridItemWHPx, calcWH, calcWHRaw, calcXY, calcXYRaw, clamp, cloneLayout, cloneLayoutItem, collides, correctBounds, getAllCollisions, getFirstCollision, getLayoutItem, getStatics, modifyLayout, moveElement, moveElementAwayFromCollision, sortLayoutItems, sortLayoutItemsByColRow, sortLayoutItemsByRowCol, validateLayout, withLayoutItem };
-//# sourceMappingURL=chunk-AWM66AWF.mjs.map
-//# sourceMappingURL=chunk-AWM66AWF.mjs.map

package/dist/{chunk-XM2M6TC6.mjs → chunk-7ZM5LVH2.mjs}

@@ -1,5 +1,5 @@
-import { defaultConstraints, setTransform, setTopLeft, perc, applyPositionConstraints, resizeItemInDirection, applySizeConstraints, defaultPositionStrategy, defaultGridConfig, defaultDragConfig, defaultResizeConfig, defaultDropConfig, getCompactor, getBreakpointFromWidth, getColsFromBreakpoint, findOrGenerateResponsiveLayout, getIndentationValue } from './chunk-XYPIYYYQ.mjs';
-import { calcXYRaw, calcGridItemWHPx, clamp, calcGridColWidth, calcWHRaw, calcGridItemPosition, bottom, getLayoutItem, cloneLayoutItem, moveElement, withLayoutItem, getAllCollisions, calcXY, cloneLayout, correctBounds } from './chunk-AWM66AWF.mjs';
+import { defaultConstraints, setTransform, setTopLeft, perc, applyPositionConstraints, resizeItemInDirection, applySizeConstraints, defaultPositionStrategy, defaultGridConfig, defaultDragConfig, defaultResizeConfig, defaultDropConfig, getCompactor, getBreakpointFromWidth, getColsFromBreakpoint, findOrGenerateResponsiveLayout, getIndentationValue } from './chunk-KDANGDDL.mjs';
+import { calcXYRaw, calcGridItemWHPx, clamp, calcGridColWidth, calcWHRaw, calcGridItemPosition, bottom, getLayoutItem, cloneLayoutItem, moveElement, withLayoutItem, getAllCollisions, calcXY, cloneLayout, correctBounds } from './chunk-76RTO6EO.mjs';
 import React2, { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import { DraggableCore } from 'react-draggable';
 import { Resizable } from 'react-resizable';
@@ -247,8 +247,8 @@ function GridItem(props) {
         if (offsetParent) {
           const bottomBoundary = offsetParent.clientHeight - calcGridItemWHPx(h, rowHeight, margin[1]);
           top = clamp(top, 0, bottomBoundary);
-          const colWidth = calcGridColWidth(positionParams);
-          const rightBoundary = containerWidth - calcGridItemWHPx(w, colWidth, margin[0]);
+          const colWidth2 = calcGridColWidth(positionParams);
+          const rightBoundary = containerWidth - calcGridItemWHPx(w, colWidth2, margin[0]);
           left = clamp(left, 0, rightBoundary);
         }
       }
@@ -362,7 +362,11 @@ function GridItem(props) {
         getConstraintContext()
       );
       handler(i, newW, newH, {
-        e: e.nativeEvent,
+        // react-resizable forwards react-draggable's callback event, which is
+        // already a native MouseEvent/TouchEvent and has no `nativeEvent`.
+        // Reading it unconditionally handed consumers `undefined` (#2264).
+        // The drag handlers above pass the raw event for the same reason.
+        e: e.nativeEvent ?? e,
         node,
         size: updatedSize,
         handle: resizeHandle2
@@ -468,12 +472,15 @@ function GridItem(props) {
     resizing ? resizePositionRef.current : null
   );
   const child = React2.Children.only(children);
-  const minGridUnit = calcGridItemPosition(positionParams, 0, 0, 1, 1);
+  const colWidth = calcGridColWidth(positionParams);
   const minConstraints = [
-    minGridUnit.width,
-    minGridUnit.height
+    calcGridItemWHPx(minW, colWidth, margin[0]),
+    calcGridItemWHPx(minH, rowHeight, margin[1])
+  ];
+  const maxConstraints = [
+    calcGridItemWHPx(maxW, colWidth, margin[0]),
+    calcGridItemWHPx(maxH, rowHeight, margin[1])
   ];
-  const maxConstraints = [Infinity, Infinity];
   const childProps = child.props;
   const childClassName = childProps["className"];
   const childStyle = childProps["style"];
@@ -1029,8 +1036,11 @@ function GridLayout(props) {
         );
         setDroppingDOMNode(/* @__PURE__ */ jsx("div", {}, finalDroppingItem.i));
         setDroppingPosition(newDroppingPosition);
+        const baseLayout = layoutRef.current.filter(
+          (l) => l.i !== finalDroppingItem.i
+        );
         setLayout([
-          ...layoutRef.current,
+          ...baseLayout,
           {
             ...finalDroppingItem,
             x: calculatedPosition.x,
@@ -1513,5 +1523,3 @@ function ResponsiveGridLayout(props) {
 }
 
 export { GridItem, GridLayout, ResponsiveGridLayout };
-//# sourceMappingURL=chunk-XM2M6TC6.mjs.map
-//# sourceMappingURL=chunk-XM2M6TC6.mjs.map

package/dist/{chunk-BJFPTW5Q.js → chunk-A5WIFECI.js}

@@ -445,5 +445,3 @@ exports.sortLayoutItemsByColRow = sortLayoutItemsByColRow;
 exports.sortLayoutItemsByRowCol = sortLayoutItemsByRowCol;
 exports.validateLayout = validateLayout;
 exports.withLayoutItem = withLayoutItem;
-//# sourceMappingURL=chunk-BJFPTW5Q.js.map
-//# sourceMappingURL=chunk-BJFPTW5Q.js.map

package/dist/{chunk-QGXQSZII.js → chunk-BMN6M2VL.js}

@@ -1,10 +1,24 @@
 'use strict';
 
-var chunk2DDROKB2_js = require('./chunk-2DDROKB2.js');
-var chunkBJFPTW5Q_js = require('./chunk-BJFPTW5Q.js');
+var chunk55DQUWLA_js = require('./chunk-55DQUWLA.js');
+var chunkA5WIFECI_js = require('./chunk-A5WIFECI.js');
 var react = require('react');
 var fastEquals = require('fast-equals');
 
+function getContentWidth(node) {
+  const style = typeof globalThis.getComputedStyle === "function" ? globalThis.getComputedStyle(node) : null;
+  if (!style) return node.clientWidth;
+  const px = (value) => {
+    const parsed = Number.parseFloat(value);
+    return Number.isFinite(parsed) ? parsed : 0;
+  };
+  const computed = Number.parseFloat(style.width);
+  if (Number.isFinite(computed)) return Math.max(0, computed);
+  return Math.max(
+    0,
+    node.clientWidth - px(style.paddingLeft) - px(style.paddingRight)
+  );
+}
 function useContainerWidth(options = {}) {
   const { measureBeforeMount = false, initialWidth = 1280 } = options;
   const [width, setWidth] = react.useState(initialWidth);
@@ -14,8 +28,8 @@ function useContainerWidth(options = {}) {
   const measureWidth = react.useCallback(() => {
     const node = containerRef.current;
     if (node) {
-      const newWidth = node.offsetWidth;
-      setWidth(newWidth);
+      const newWidth = Math.round(getContentWidth(node));
+      setWidth((prev) => prev === newWidth ? prev : newWidth);
       if (!mounted) {
         setMounted(true);
       }
@@ -26,14 +40,30 @@ function useContainerWidth(options = {}) {
     if (!node) return;
     measureWidth();
     if (typeof ResizeObserver !== "undefined") {
+      let rafId = null;
       observerRef.current = new ResizeObserver((entries) => {
         const entry = entries[0];
         if (entry) {
-          const newWidth = entry.contentRect.width;
-          setWidth(newWidth);
+          const newWidth = Math.round(entry.contentRect.width);
+          if (rafId !== null) {
+            cancelAnimationFrame(rafId);
+          }
+          rafId = requestAnimationFrame(() => {
+            setWidth((prev) => prev === newWidth ? prev : newWidth);
+            rafId = null;
+          });
         }
       });
       observerRef.current.observe(node);
+      return () => {
+        if (rafId !== null) {
+          cancelAnimationFrame(rafId);
+        }
+        if (observerRef.current) {
+          observerRef.current.disconnect();
+          observerRef.current = null;
+        }
+      };
     }
     return () => {
       if (observerRef.current) {
@@ -55,11 +85,11 @@ function useGridLayout(options) {
     cols,
     preventCollision = false,
     onLayoutChange,
-    compactor = chunk2DDROKB2_js.verticalCompactor
+    compactor = chunk55DQUWLA_js.verticalCompactor
   } = options;
   const isDraggingRef = react.useRef(false);
   const [layout, setLayoutState] = react.useState(() => {
-    const corrected = chunkBJFPTW5Q_js.correctBounds(chunkBJFPTW5Q_js.cloneLayout(propsLayout), { cols });
+    const corrected = chunkA5WIFECI_js.correctBounds(chunkA5WIFECI_js.cloneLayout(propsLayout), { cols });
     return compactor.compact(corrected, cols);
   });
   const [dragState, setDragState] = react.useState({
@@ -79,7 +109,7 @@ function useGridLayout(options) {
   const prevLayoutRef = react.useRef(layout);
   const setLayout = react.useCallback(
     (newLayout) => {
-      const corrected = chunkBJFPTW5Q_js.correctBounds(chunkBJFPTW5Q_js.cloneLayout(newLayout), { cols });
+      const corrected = chunkA5WIFECI_js.correctBounds(chunkA5WIFECI_js.cloneLayout(newLayout), { cols });
       const compacted = compactor.compact(corrected, cols);
       setLayoutState(compacted);
     },
@@ -99,11 +129,11 @@ function useGridLayout(options) {
   }, [layout, onLayoutChange]);
   const onDragStart = react.useCallback(
     (itemId, x, y) => {
-      const item = chunkBJFPTW5Q_js.getLayoutItem(layout, itemId);
+      const item = chunkA5WIFECI_js.getLayoutItem(layout, itemId);
       if (!item) return null;
       isDraggingRef.current = true;
       const placeholder = {
-        ...chunkBJFPTW5Q_js.cloneLayoutItem(item),
+        ...chunkA5WIFECI_js.cloneLayoutItem(item),
         x,
         y,
         static: false,
@@ -111,8 +141,8 @@ function useGridLayout(options) {
       };
       setDragState({
         activeDrag: placeholder,
-        oldDragItem: chunkBJFPTW5Q_js.cloneLayoutItem(item),
-        oldLayout: chunkBJFPTW5Q_js.cloneLayout(layout)
+        oldDragItem: chunkA5WIFECI_js.cloneLayoutItem(item),
+        oldLayout: chunkA5WIFECI_js.cloneLayout(layout)
       });
       return placeholder;
     },
@@ -120,13 +150,13 @@ function useGridLayout(options) {
   );
   const onDrag = react.useCallback(
     (itemId, x, y) => {
-      const item = chunkBJFPTW5Q_js.getLayoutItem(layout, itemId);
+      const item = chunkA5WIFECI_js.getLayoutItem(layout, itemId);
       if (!item) return;
       setDragState((prev) => ({
         ...prev,
         activeDrag: prev.activeDrag ? { ...prev.activeDrag, x, y } : null
       }));
-      const newLayout = chunkBJFPTW5Q_js.moveElement(
+      const newLayout = chunkA5WIFECI_js.moveElement(
         layout,
         item,
         x,
@@ -145,9 +175,9 @@ function useGridLayout(options) {
   );
   const onDragStop = react.useCallback(
     (itemId, x, y) => {
-      const item = chunkBJFPTW5Q_js.getLayoutItem(layout, itemId);
+      const item = chunkA5WIFECI_js.getLayoutItem(layout, itemId);
       if (!item) return;
-      const newLayout = chunkBJFPTW5Q_js.moveElement(
+      const newLayout = chunkA5WIFECI_js.moveElement(
         layout,
         item,
         x,
@@ -171,12 +201,12 @@ function useGridLayout(options) {
   );
   const onResizeStart = react.useCallback(
     (itemId) => {
-      const item = chunkBJFPTW5Q_js.getLayoutItem(layout, itemId);
+      const item = chunkA5WIFECI_js.getLayoutItem(layout, itemId);
       if (!item) return null;
       setResizeState({
         resizing: true,
-        oldResizeItem: chunkBJFPTW5Q_js.cloneLayoutItem(item),
-        oldLayout: chunkBJFPTW5Q_js.cloneLayout(layout)
+        oldResizeItem: chunkA5WIFECI_js.cloneLayoutItem(item),
+        oldLayout: chunkA5WIFECI_js.cloneLayout(layout)
       });
       return item;
     },
@@ -197,7 +227,7 @@ function useGridLayout(options) {
         }
         return item;
       });
-      const corrected = chunkBJFPTW5Q_js.correctBounds(newLayout, { cols });
+      const corrected = chunkA5WIFECI_js.correctBounds(newLayout, { cols });
       const compacted = compactor.compact(corrected, cols);
       setLayoutState(compacted);
     },
@@ -216,10 +246,10 @@ function useGridLayout(options) {
   );
   const onDropDragOver = react.useCallback(
     (droppingItem, position) => {
-      const existingItem = chunkBJFPTW5Q_js.getLayoutItem(layout, droppingItem.i);
+      const existingItem = chunkA5WIFECI_js.getLayoutItem(layout, droppingItem.i);
       if (!existingItem) {
         const newLayout = [...layout, droppingItem];
-        const corrected = chunkBJFPTW5Q_js.correctBounds(newLayout, { cols });
+        const corrected = chunkA5WIFECI_js.correctBounds(newLayout, { cols });
         const compacted = compactor.compact(corrected, cols);
         setLayoutState(compacted);
       }
@@ -251,7 +281,7 @@ function useGridLayout(options) {
         }
         return item;
       });
-      const corrected = chunkBJFPTW5Q_js.correctBounds(newLayout, { cols });
+      const corrected = chunkA5WIFECI_js.correctBounds(newLayout, { cols });
       const compacted = compactor.compact(corrected, cols);
       setLayoutState(compacted);
       setDropState({
@@ -261,7 +291,7 @@ function useGridLayout(options) {
     },
     [layout, cols, compactor]
   );
-  const containerHeight = react.useMemo(() => chunkBJFPTW5Q_js.bottom(layout), [layout]);
+  const containerHeight = react.useMemo(() => chunkA5WIFECI_js.bottom(layout), [layout]);
   const isInteracting = dragState.activeDrag !== null || resizeState.resizing || dropState.droppingPosition !== null;
   return {
     layout,
@@ -303,23 +333,23 @@ function useResponsiveLayout(options) {
     breakpoints = DEFAULT_BREAKPOINTS,
     cols: colsConfig = DEFAULT_COLS,
     layouts: propsLayouts = {},
-    compactor = chunk2DDROKB2_js.verticalCompactor,
+    compactor = chunk55DQUWLA_js.verticalCompactor,
     onBreakpointChange,
     onLayoutChange,
     onWidthChange
   } = options;
   const sortedBreakpoints = react.useMemo(
-    () => chunk2DDROKB2_js.sortBreakpoints(breakpoints),
+    () => chunk55DQUWLA_js.sortBreakpoints(breakpoints),
     [breakpoints]
   );
   const initialBreakpoint = react.useMemo(
-    () => chunk2DDROKB2_js.getBreakpointFromWidth(breakpoints, width),
+    () => chunk55DQUWLA_js.getBreakpointFromWidth(breakpoints, width),
     // Only calculate on mount, not on width changes
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
   const initialCols = react.useMemo(
-    () => chunk2DDROKB2_js.getColsFromBreakpoint(initialBreakpoint, colsConfig),
+    () => chunk55DQUWLA_js.getColsFromBreakpoint(initialBreakpoint, colsConfig),
     [initialBreakpoint, colsConfig]
   );
   const [breakpoint, setBreakpoint] = react.useState(initialBreakpoint);
@@ -329,7 +359,7 @@ function useResponsiveLayout(options) {
     for (const bp of sortedBreakpoints) {
       const layout2 = propsLayouts[bp];
       if (layout2) {
-        cloned[bp] = chunkBJFPTW5Q_js.cloneLayout(layout2);
+        cloned[bp] = chunkA5WIFECI_js.cloneLayout(layout2);
       }
     }
     return cloned;
@@ -339,7 +369,7 @@ function useResponsiveLayout(options) {
   const prevPropsLayoutsRef = react.useRef(propsLayouts);
   const prevLayoutsRef = react.useRef(layouts);
   const layout = react.useMemo(() => {
-    return chunk2DDROKB2_js.findOrGenerateResponsiveLayout(
+    return chunk55DQUWLA_js.findOrGenerateResponsiveLayout(
       layouts,
       breakpoints,
       breakpoint,
@@ -351,7 +381,7 @@ function useResponsiveLayout(options) {
   const setLayoutForBreakpoint = react.useCallback((bp, newLayout) => {
     setLayoutsState((prev) => ({
       ...prev,
-      [bp]: chunkBJFPTW5Q_js.cloneLayout(newLayout)
+      [bp]: chunkA5WIFECI_js.cloneLayout(newLayout)
     }));
   }, []);
   const setLayouts = react.useCallback((newLayouts) => {
@@ -359,7 +389,7 @@ function useResponsiveLayout(options) {
     for (const bp of Object.keys(newLayouts)) {
       const layoutForBp = newLayouts[bp];
       if (layoutForBp) {
-        cloned[bp] = chunkBJFPTW5Q_js.cloneLayout(layoutForBp);
+        cloned[bp] = chunkA5WIFECI_js.cloneLayout(layoutForBp);
       }
     }
     setLayoutsState(cloned);
@@ -367,11 +397,11 @@ function useResponsiveLayout(options) {
   react.useEffect(() => {
     if (prevWidthRef.current === width) return;
     prevWidthRef.current = width;
-    const newBreakpoint = chunk2DDROKB2_js.getBreakpointFromWidth(breakpoints, width);
-    const newCols = chunk2DDROKB2_js.getColsFromBreakpoint(newBreakpoint, colsConfig);
+    const newBreakpoint = chunk55DQUWLA_js.getBreakpointFromWidth(breakpoints, width);
+    const newCols = chunk55DQUWLA_js.getColsFromBreakpoint(newBreakpoint, colsConfig);
     onWidthChange?.(width, [10, 10], newCols, null);
     if (newBreakpoint !== breakpoint) {
-      const newLayout = chunk2DDROKB2_js.findOrGenerateResponsiveLayout(
+      const newLayout = chunk55DQUWLA_js.findOrGenerateResponsiveLayout(
         layouts,
         breakpoints,
         newBreakpoint,
@@ -427,5 +457,3 @@ exports.DEFAULT_COLS = DEFAULT_COLS;
 exports.useContainerWidth = useContainerWidth;
 exports.useGridLayout = useGridLayout;
 exports.useResponsiveLayout = useResponsiveLayout;
-//# sourceMappingURL=chunk-QGXQSZII.js.map
-//# sourceMappingURL=chunk-QGXQSZII.js.map

package/dist/{chunk-XYPIYYYQ.mjs → chunk-KDANGDDL.mjs}

@@ -1,4 +1,4 @@
-import { getStatics, collides, getFirstCollision, bottom, sortLayoutItemsByRowCol, cloneLayoutItem, sortLayoutItemsByColRow, cloneLayout, correctBounds } from './chunk-AWM66AWF.mjs';
+import { getStatics, collides, getFirstCollision, bottom, sortLayoutItemsByRowCol, cloneLayoutItem, sortLayoutItemsByColRow, cloneLayout, correctBounds } from './chunk-76RTO6EO.mjs';
 
 // src/core/constraints.ts
 function clamp(value, min, max) {
@@ -564,5 +564,3 @@ function getIndentationValue(value, breakpoint) {
 }
 
 export { absoluteStrategy, applyPositionConstraints, applySizeConstraints, aspectRatio, boundedX, boundedY, compactItemHorizontal, compactItemVertical, containerBounds, createScaledStrategy, defaultConstraints, defaultDragConfig, defaultDropConfig, defaultGridConfig, defaultPositionStrategy, defaultResizeConfig, findOrGenerateResponsiveLayout, getBreakpointFromWidth, getColsFromBreakpoint, getCompactor, getIndentationValue, gridBounds, horizontalCompactor, horizontalOverlapCompactor, maxSize, minMaxSize, minSize, noCompactor, noOverlapCompactor, perc, resizeItemInDirection, resolveCompactionCollision, setTopLeft, setTransform, snapToGrid, sortBreakpoints, transformStrategy, verticalCompactor, verticalOverlapCompactor };
-//# sourceMappingURL=chunk-XYPIYYYQ.mjs.map
-//# sourceMappingURL=chunk-XYPIYYYQ.mjs.map