react-grid-layout 1.5.3 → 2.0.0

package/dist/extras.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/extras/GridBackground.tsx"],"names":["useMemo","calcGridCellDimensions","jsx"],"mappings":"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","file":"extras.js","sourcesContent":["/**\n * GridBackground component\n *\n * Renders an SVG grid background that aligns with GridLayout cells.\n * Use this to visualize the grid structure behind your layout.\n */\n\nimport * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { calcGridCellDimensions } from \"../core/calculate.js\";\nimport type { GridCellConfig } from \"../core/calculate.js\";\n\nexport interface GridBackgroundProps extends GridCellConfig {\n  /**\n   * Number of rows to display. If \"auto\", calculates based on height.\n   * @default 10\n   */\n  rows?: number | \"auto\";\n\n  /**\n   * Height of the background in pixels. Used when rows=\"auto\".\n   */\n  height?: number;\n\n  /**\n   * Color of the grid cell backgrounds.\n   * @default \"#e0e0e0\"\n   */\n  color?: string;\n\n  /**\n   * Border radius of grid cells in pixels.\n   * @default 4\n   */\n  borderRadius?: number;\n\n  /**\n   * Additional CSS class name.\n   */\n  className?: string;\n\n  /**\n   * Additional inline styles.\n   */\n  style?: React.CSSProperties;\n}\n\n/**\n * SVG grid background component.\n *\n * Renders a visual grid that aligns with GridLayout cells. Position this\n * behind your GridLayout using CSS positioning.\n *\n * @example\n * ```tsx\n * import { GridBackground } from 'react-grid-layout/extras';\n *\n * function MyGrid() {\n *   const { width, containerRef, mounted } = useContainerWidth();\n *\n *   return (\n *     <div ref={containerRef} style={{ position: 'relative' }}>\n *       {mounted && (\n *         <>\n *           <GridBackground\n *             width={width}\n *             cols={12}\n *             rowHeight={30}\n *             margin={[10, 10]}\n *             rows={10}\n *             color=\"#f0f0f0\"\n *           />\n *           <GridLayout width={width} gridConfig={{ cols: 12, rowHeight: 30 }}>\n *             {children}\n *           </GridLayout>\n *         </>\n *       )}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function GridBackground({\n  width,\n  cols,\n  rowHeight,\n  margin = [10, 10],\n  containerPadding,\n  rows = 10,\n  height,\n  color = \"#e0e0e0\",\n  borderRadius = 4,\n  className,\n  style\n}: GridBackgroundProps): React.ReactElement {\n  const dims = useMemo(\n    () =>\n      calcGridCellDimensions({\n        width,\n        cols,\n        rowHeight,\n        margin,\n        containerPadding\n      }),\n    [width, cols, rowHeight, margin, containerPadding]\n  );\n\n  // Calculate number of rows\n  const rowCount = useMemo(() => {\n    if (rows !== \"auto\") return rows;\n    if (height) {\n      // Calculate rows that fit in the given height\n      const padding = containerPadding ?? margin;\n      return Math.ceil(\n        (height - padding[1] * 2 + margin[1]) / (rowHeight + margin[1])\n      );\n    }\n    return 10;\n  }, [rows, height, rowHeight, margin, containerPadding]);\n\n  // Calculate total height\n  const totalHeight = useMemo(() => {\n    const padding = containerPadding ?? margin;\n    return padding[1] * 2 + rowCount * rowHeight + (rowCount - 1) * margin[1];\n  }, [rowCount, rowHeight, margin, containerPadding]);\n\n  // Generate cell rectangles\n  const cells = useMemo(() => {\n    const rects: React.ReactElement[] = [];\n    const { cellWidth, cellHeight, offsetX, offsetY, gapX, gapY } = dims;\n\n    for (let row = 0; row < rowCount; row++) {\n      for (let col = 0; col < cols; col++) {\n        const x = offsetX + col * (cellWidth + gapX);\n        const y = offsetY + row * (cellHeight + gapY);\n\n        rects.push(\n          <rect\n            key={`${row}-${col}`}\n            x={x}\n            y={y}\n            width={cellWidth}\n            height={cellHeight}\n            rx={borderRadius}\n            ry={borderRadius}\n            fill={color}\n          />\n        );\n      }\n    }\n\n    return rects;\n  }, [dims, rowCount, cols, borderRadius, color]);\n\n  return (\n    <svg\n      className={className}\n      style={{\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: width,\n        height: totalHeight,\n        pointerEvents: \"none\",\n        ...style\n      }}\n      aria-hidden=\"true\"\n    >\n      {cells}\n    </svg>\n  );\n}\n\nexport default GridBackground;\n"]}

package/dist/extras.mjs

@@ -0,0 +1,89 @@
+import { calcGridCellDimensions } from './chunk-2KUHNJXF.mjs';
+import { useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function GridBackground({
+  width,
+  cols,
+  rowHeight,
+  margin = [10, 10],
+  containerPadding,
+  rows = 10,
+  height,
+  color = "#e0e0e0",
+  borderRadius = 4,
+  className,
+  style
+}) {
+  const dims = useMemo(
+    () => calcGridCellDimensions({
+      width,
+      cols,
+      rowHeight,
+      margin,
+      containerPadding
+    }),
+    [width, cols, rowHeight, margin, containerPadding]
+  );
+  const rowCount = useMemo(() => {
+    if (rows !== "auto") return rows;
+    if (height) {
+      const padding = containerPadding ?? margin;
+      return Math.ceil(
+        (height - padding[1] * 2 + margin[1]) / (rowHeight + margin[1])
+      );
+    }
+    return 10;
+  }, [rows, height, rowHeight, margin, containerPadding]);
+  const totalHeight = useMemo(() => {
+    const padding = containerPadding ?? margin;
+    return padding[1] * 2 + rowCount * rowHeight + (rowCount - 1) * margin[1];
+  }, [rowCount, rowHeight, margin, containerPadding]);
+  const cells = useMemo(() => {
+    const rects = [];
+    const { cellWidth, cellHeight, offsetX, offsetY, gapX, gapY } = dims;
+    for (let row = 0; row < rowCount; row++) {
+      for (let col = 0; col < cols; col++) {
+        const x = offsetX + col * (cellWidth + gapX);
+        const y = offsetY + row * (cellHeight + gapY);
+        rects.push(
+          /* @__PURE__ */ jsx(
+            "rect",
+            {
+              x,
+              y,
+              width: cellWidth,
+              height: cellHeight,
+              rx: borderRadius,
+              ry: borderRadius,
+              fill: color
+            },
+            `${row}-${col}`
+          )
+        );
+      }
+    }
+    return rects;
+  }, [dims, rowCount, cols, borderRadius, color]);
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className,
+      style: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        width,
+        height: totalHeight,
+        pointerEvents: "none",
+        ...style
+      },
+      "aria-hidden": "true",
+      children: cells
+    }
+  );
+}
+
+export { GridBackground };
+//# sourceMappingURL=extras.mjs.map
+//# sourceMappingURL=extras.mjs.map

package/dist/extras.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/extras/GridBackground.tsx"],"names":[],"mappings":"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","file":"extras.mjs","sourcesContent":["/**\n * GridBackground component\n *\n * Renders an SVG grid background that aligns with GridLayout cells.\n * Use this to visualize the grid structure behind your layout.\n */\n\nimport * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { calcGridCellDimensions } from \"../core/calculate.js\";\nimport type { GridCellConfig } from \"../core/calculate.js\";\n\nexport interface GridBackgroundProps extends GridCellConfig {\n  /**\n   * Number of rows to display. If \"auto\", calculates based on height.\n   * @default 10\n   */\n  rows?: number | \"auto\";\n\n  /**\n   * Height of the background in pixels. Used when rows=\"auto\".\n   */\n  height?: number;\n\n  /**\n   * Color of the grid cell backgrounds.\n   * @default \"#e0e0e0\"\n   */\n  color?: string;\n\n  /**\n   * Border radius of grid cells in pixels.\n   * @default 4\n   */\n  borderRadius?: number;\n\n  /**\n   * Additional CSS class name.\n   */\n  className?: string;\n\n  /**\n   * Additional inline styles.\n   */\n  style?: React.CSSProperties;\n}\n\n/**\n * SVG grid background component.\n *\n * Renders a visual grid that aligns with GridLayout cells. Position this\n * behind your GridLayout using CSS positioning.\n *\n * @example\n * ```tsx\n * import { GridBackground } from 'react-grid-layout/extras';\n *\n * function MyGrid() {\n *   const { width, containerRef, mounted } = useContainerWidth();\n *\n *   return (\n *     <div ref={containerRef} style={{ position: 'relative' }}>\n *       {mounted && (\n *         <>\n *           <GridBackground\n *             width={width}\n *             cols={12}\n *             rowHeight={30}\n *             margin={[10, 10]}\n *             rows={10}\n *             color=\"#f0f0f0\"\n *           />\n *           <GridLayout width={width} gridConfig={{ cols: 12, rowHeight: 30 }}>\n *             {children}\n *           </GridLayout>\n *         </>\n *       )}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function GridBackground({\n  width,\n  cols,\n  rowHeight,\n  margin = [10, 10],\n  containerPadding,\n  rows = 10,\n  height,\n  color = \"#e0e0e0\",\n  borderRadius = 4,\n  className,\n  style\n}: GridBackgroundProps): React.ReactElement {\n  const dims = useMemo(\n    () =>\n      calcGridCellDimensions({\n        width,\n        cols,\n        rowHeight,\n        margin,\n        containerPadding\n      }),\n    [width, cols, rowHeight, margin, containerPadding]\n  );\n\n  // Calculate number of rows\n  const rowCount = useMemo(() => {\n    if (rows !== \"auto\") return rows;\n    if (height) {\n      // Calculate rows that fit in the given height\n      const padding = containerPadding ?? margin;\n      return Math.ceil(\n        (height - padding[1] * 2 + margin[1]) / (rowHeight + margin[1])\n      );\n    }\n    return 10;\n  }, [rows, height, rowHeight, margin, containerPadding]);\n\n  // Calculate total height\n  const totalHeight = useMemo(() => {\n    const padding = containerPadding ?? margin;\n    return padding[1] * 2 + rowCount * rowHeight + (rowCount - 1) * margin[1];\n  }, [rowCount, rowHeight, margin, containerPadding]);\n\n  // Generate cell rectangles\n  const cells = useMemo(() => {\n    const rects: React.ReactElement[] = [];\n    const { cellWidth, cellHeight, offsetX, offsetY, gapX, gapY } = dims;\n\n    for (let row = 0; row < rowCount; row++) {\n      for (let col = 0; col < cols; col++) {\n        const x = offsetX + col * (cellWidth + gapX);\n        const y = offsetY + row * (cellHeight + gapY);\n\n        rects.push(\n          <rect\n            key={`${row}-${col}`}\n            x={x}\n            y={y}\n            width={cellWidth}\n            height={cellHeight}\n            rx={borderRadius}\n            ry={borderRadius}\n            fill={color}\n          />\n        );\n      }\n    }\n\n    return rects;\n  }, [dims, rowCount, cols, borderRadius, color]);\n\n  return (\n    <svg\n      className={className}\n      style={{\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: width,\n        height: totalHeight,\n        pointerEvents: \"none\",\n        ...style\n      }}\n      aria-hidden=\"true\"\n    >\n      {cells}\n    </svg>\n  );\n}\n\nexport default GridBackground;\n"]}

package/dist/index.d.mts

@@ -0,0 +1,7 @@
+export { DEFAULT_BREAKPOINTS, DEFAULT_COLS, DefaultBreakpoints, DragState, DropState, GridItem, GridItemCallback, GridItemProps, ResizeHandle, ResizeState, UseContainerWidthOptions, UseContainerWidthResult, UseGridLayoutOptions, UseGridLayoutResult, UseResponsiveLayoutOptions, UseResponsiveLayoutResult, useContainerWidth, useGridLayout, useResponsiveLayout } from './react.mjs';
+export { G as GridLayout, a as GridLayoutProps, G as ReactGridLayout, a as ReactGridLayoutProps, R as Responsive, R as ResponsiveGridLayout, b as ResponsiveGridLayoutProps, b as ResponsiveProps, G as default } from './ResponsiveGridLayout-D6lFRE3f.mjs';
+export { B as Breakpoint, b as Breakpoints, C as CompactType, c as Compactor, D as DroppingPosition, E as EventCallback, G as GridDragEvent, e as GridResizeEvent, L as Layout, a as LayoutItem, P as Position, d as ResizeHandleAxis, R as ResponsiveLayouts } from './types-Cxf4nHNr.mjs';
+export { c as collides, h as findOrGenerateResponsiveLayout, a as getAllCollisions, e as getBreakpointFromWidth, f as getColsFromBreakpoint, g as getFirstCollision, s as sortLayoutItems, d as sortLayoutItemsByColRow, b as sortLayoutItemsByRowCol } from './responsive-CJxefsYw.mjs';
+export { b as bottom, c as cloneLayout, a as cloneLayoutItem, d as getCompactor, g as getLayoutItem, h as horizontalCompactor, m as moveElement, n as noCompactor, f as setTopLeft, s as setTransform, v as validateLayout, e as verticalCompactor } from './position-BmN1z36J.mjs';
+export { c as calcGridItemPosition, b as calcWH, a as calcXY } from './calculate-CwYDW8na.mjs';
+import 'react';

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { DEFAULT_BREAKPOINTS, DEFAULT_COLS, DefaultBreakpoints, DragState, DropState, GridItem, GridItemCallback, GridItemProps, ResizeHandle, ResizeState, UseContainerWidthOptions, UseContainerWidthResult, UseGridLayoutOptions, UseGridLayoutResult, UseResponsiveLayoutOptions, UseResponsiveLayoutResult, useContainerWidth, useGridLayout, useResponsiveLayout } from './react.js';
+export { G as GridLayout, a as GridLayoutProps, G as ReactGridLayout, a as ReactGridLayoutProps, R as Responsive, R as ResponsiveGridLayout, b as ResponsiveGridLayoutProps, b as ResponsiveProps, G as default } from './ResponsiveGridLayout-CH4s0tKj.js';
+export { B as Breakpoint, b as Breakpoints, C as CompactType, c as Compactor, D as DroppingPosition, E as EventCallback, G as GridDragEvent, e as GridResizeEvent, L as Layout, a as LayoutItem, P as Position, d as ResizeHandleAxis, R as ResponsiveLayouts } from './types-Cxf4nHNr.js';
+export { c as collides, h as findOrGenerateResponsiveLayout, a as getAllCollisions, e as getBreakpointFromWidth, f as getColsFromBreakpoint, g as getFirstCollision, s as sortLayoutItems, d as sortLayoutItemsByColRow, b as sortLayoutItemsByRowCol } from './responsive-C4L1ESlm.js';
+export { b as bottom, c as cloneLayout, a as cloneLayoutItem, d as getCompactor, g as getLayoutItem, h as horizontalCompactor, m as moveElement, n as noCompactor, f as setTopLeft, s as setTransform, v as validateLayout, e as verticalCompactor } from './position-Dk2b4ZMS.js';
+export { c as calcGridItemPosition, b as calcWH, a as calcXY } from './calculate-mgLpNJ5O.js';
+import 'react';

package/dist/index.js

@@ -0,0 +1,154 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkH5KMDLY3_js = require('./chunk-H5KMDLY3.js');
+require('./chunk-PBQSHIID.js');
+var chunkBFTKGAP3_js = require('./chunk-BFTKGAP3.js');
+var chunk3WO4SAYB_js = require('./chunk-3WO4SAYB.js');
+var chunkF6NQPYKT_js = require('./chunk-F6NQPYKT.js');
+
+
+
+Object.defineProperty(exports, "DEFAULT_BREAKPOINTS", {
+  enumerable: true,
+  get: function () { return chunkH5KMDLY3_js.DEFAULT_BREAKPOINTS; }
+});
+Object.defineProperty(exports, "DEFAULT_COLS", {
+  enumerable: true,
+  get: function () { return chunkH5KMDLY3_js.DEFAULT_COLS; }
+});
+Object.defineProperty(exports, "useContainerWidth", {
+  enumerable: true,
+  get: function () { return chunkH5KMDLY3_js.useContainerWidth; }
+});
+Object.defineProperty(exports, "useGridLayout", {
+  enumerable: true,
+  get: function () { return chunkH5KMDLY3_js.useGridLayout; }
+});
+Object.defineProperty(exports, "useResponsiveLayout", {
+  enumerable: true,
+  get: function () { return chunkH5KMDLY3_js.useResponsiveLayout; }
+});
+Object.defineProperty(exports, "GridItem", {
+  enumerable: true,
+  get: function () { return chunkBFTKGAP3_js.GridItem; }
+});
+Object.defineProperty(exports, "GridLayout", {
+  enumerable: true,
+  get: function () { return chunkBFTKGAP3_js.GridLayout; }
+});
+Object.defineProperty(exports, "ReactGridLayout", {
+  enumerable: true,
+  get: function () { return chunkBFTKGAP3_js.GridLayout; }
+});
+Object.defineProperty(exports, "Responsive", {
+  enumerable: true,
+  get: function () { return chunkBFTKGAP3_js.ResponsiveGridLayout; }
+});
+Object.defineProperty(exports, "ResponsiveGridLayout", {
+  enumerable: true,
+  get: function () { return chunkBFTKGAP3_js.ResponsiveGridLayout; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkBFTKGAP3_js.GridLayout; }
+});
+Object.defineProperty(exports, "bottom", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.bottom; }
+});
+Object.defineProperty(exports, "cloneLayout", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.cloneLayout; }
+});
+Object.defineProperty(exports, "cloneLayoutItem", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.cloneLayoutItem; }
+});
+Object.defineProperty(exports, "collides", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.collides; }
+});
+Object.defineProperty(exports, "findOrGenerateResponsiveLayout", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.findOrGenerateResponsiveLayout; }
+});
+Object.defineProperty(exports, "getAllCollisions", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.getAllCollisions; }
+});
+Object.defineProperty(exports, "getBreakpointFromWidth", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.getBreakpointFromWidth; }
+});
+Object.defineProperty(exports, "getColsFromBreakpoint", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.getColsFromBreakpoint; }
+});
+Object.defineProperty(exports, "getCompactor", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.getCompactor; }
+});
+Object.defineProperty(exports, "getFirstCollision", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.getFirstCollision; }
+});
+Object.defineProperty(exports, "getLayoutItem", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.getLayoutItem; }
+});
+Object.defineProperty(exports, "horizontalCompactor", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.horizontalCompactor; }
+});
+Object.defineProperty(exports, "moveElement", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.moveElement; }
+});
+Object.defineProperty(exports, "noCompactor", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.noCompactor; }
+});
+Object.defineProperty(exports, "setTopLeft", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.setTopLeft; }
+});
+Object.defineProperty(exports, "setTransform", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.setTransform; }
+});
+Object.defineProperty(exports, "sortLayoutItems", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.sortLayoutItems; }
+});
+Object.defineProperty(exports, "sortLayoutItemsByColRow", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.sortLayoutItemsByColRow; }
+});
+Object.defineProperty(exports, "sortLayoutItemsByRowCol", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.sortLayoutItemsByRowCol; }
+});
+Object.defineProperty(exports, "validateLayout", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.validateLayout; }
+});
+Object.defineProperty(exports, "verticalCompactor", {
+  enumerable: true,
+  get: function () { return chunk3WO4SAYB_js.verticalCompactor; }
+});
+Object.defineProperty(exports, "calcGridItemPosition", {
+  enumerable: true,
+  get: function () { return chunkF6NQPYKT_js.calcGridItemPosition; }
+});
+Object.defineProperty(exports, "calcWH", {
+  enumerable: true,
+  get: function () { return chunkF6NQPYKT_js.calcWH; }
+});
+Object.defineProperty(exports, "calcXY", {
+  enumerable: true,
+  get: function () { return chunkF6NQPYKT_js.calcXY; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/index.mjs

@@ -0,0 +1,7 @@
+export { DEFAULT_BREAKPOINTS, DEFAULT_COLS, useContainerWidth, useGridLayout, useResponsiveLayout } from './chunk-ZCXE6SR5.mjs';
+import './chunk-ZWN22PS2.mjs';
+export { GridItem, GridLayout, GridLayout as ReactGridLayout, ResponsiveGridLayout as Responsive, ResponsiveGridLayout, GridLayout as default } from './chunk-R35HZZTA.mjs';
+export { bottom, cloneLayout, cloneLayoutItem, collides, findOrGenerateResponsiveLayout, getAllCollisions, getBreakpointFromWidth, getColsFromBreakpoint, getCompactor, getFirstCollision, getLayoutItem, horizontalCompactor, moveElement, noCompactor, setTopLeft, setTransform, sortLayoutItems, sortLayoutItemsByColRow, sortLayoutItemsByRowCol, validateLayout, verticalCompactor } from './chunk-4HNUMWQK.mjs';
+export { calcGridItemPosition, calcWH, calcXY } from './chunk-2KUHNJXF.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/legacy.d.mts

@@ -0,0 +1,163 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default, { ComponentType } from 'react';
+import { a as GridLayoutProps, b as ResponsiveGridLayoutProps } from './ResponsiveGridLayout-D6lFRE3f.mjs';
+import { L as Layout, a as LayoutItem, C as CompactType, d as ResizeHandleAxis, B as Breakpoint, b as Breakpoints, R as ResponsiveLayouts } from './types-Cxf4nHNr.mjs';
+
+/**
+ * Legacy props interface for backwards compatibility with v1 API.
+ * These flat props are converted to composable interfaces internally.
+ */
+interface LegacyReactGridLayoutProps {
+    children: React__default.ReactNode;
+    width: number;
+    cols?: number;
+    rowHeight?: number;
+    maxRows?: number;
+    margin?: readonly [number, number];
+    containerPadding?: readonly [number, number] | null;
+    layout?: Layout;
+    droppingItem?: LayoutItem;
+    compactType?: CompactType;
+    preventCollision?: boolean;
+    allowOverlap?: boolean;
+    /** @deprecated Use compactType instead */
+    verticalCompact?: boolean;
+    isDraggable?: boolean;
+    isBounded?: boolean;
+    draggableHandle?: string;
+    draggableCancel?: string;
+    isResizable?: boolean;
+    resizeHandles?: ResizeHandleAxis[];
+    resizeHandle?: React__default.ReactElement | ((axis: ResizeHandleAxis, ref: React__default.Ref<HTMLElement>) => React__default.ReactElement);
+    isDroppable?: boolean;
+    useCSSTransforms?: boolean;
+    transformScale?: number;
+    autoSize?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+    innerRef?: React__default.Ref<HTMLDivElement>;
+    onLayoutChange?: (layout: Layout) => void;
+    onDragStart?: GridLayoutProps["onDragStart"];
+    onDrag?: GridLayoutProps["onDrag"];
+    onDragStop?: GridLayoutProps["onDragStop"];
+    onResizeStart?: GridLayoutProps["onResizeStart"];
+    onResize?: GridLayoutProps["onResize"];
+    onResizeStop?: GridLayoutProps["onResizeStop"];
+    onDrop?: (layout: Layout, item: LayoutItem | undefined, e: Event) => void;
+    onDropDragOver?: (e: React__default.DragEvent) => {
+        w?: number;
+        h?: number;
+    } | false | void;
+}
+/**
+ * ReactGridLayout - Legacy wrapper component
+ *
+ * Converts v1 flat props to v2 composable interfaces for backwards compatibility.
+ */
+declare function ReactGridLayout(props: LegacyReactGridLayoutProps): react_jsx_runtime.JSX.Element;
+declare namespace ReactGridLayout {
+    var displayName: string;
+}
+
+/**
+ * Legacy props interface for backwards compatibility with v1 API.
+ * These flat props are converted to composable interfaces internally.
+ */
+interface LegacyResponsiveReactGridLayoutProps<B extends Breakpoint = string> {
+    children: React__default.ReactNode;
+    width: number;
+    breakpoint?: B;
+    breakpoints?: Breakpoints<B>;
+    cols?: Breakpoints<B>;
+    layouts?: ResponsiveLayouts<B>;
+    onBreakpointChange?: (newBreakpoint: B, cols: number) => void;
+    onLayoutChange?: (layout: Layout, layouts: ResponsiveLayouts<B>) => void;
+    onWidthChange?: (containerWidth: number, margin: readonly [number, number], cols: number, containerPadding: readonly [number, number] | null) => void;
+    rowHeight?: number;
+    maxRows?: number;
+    margin?: readonly [number, number] | Partial<Record<B, readonly [number, number]>>;
+    containerPadding?: readonly [number, number] | Partial<Record<B, readonly [number, number] | null>> | null;
+    droppingItem?: LayoutItem;
+    compactType?: CompactType;
+    preventCollision?: boolean;
+    allowOverlap?: boolean;
+    /** @deprecated Use compactType instead */
+    verticalCompact?: boolean;
+    isDraggable?: boolean;
+    isBounded?: boolean;
+    draggableHandle?: string;
+    draggableCancel?: string;
+    isResizable?: boolean;
+    resizeHandles?: ResizeHandleAxis[];
+    resizeHandle?: React__default.ReactElement | ((axis: ResizeHandleAxis, ref: React__default.Ref<HTMLElement>) => React__default.ReactElement);
+    isDroppable?: boolean;
+    useCSSTransforms?: boolean;
+    transformScale?: number;
+    autoSize?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+    innerRef?: React__default.Ref<HTMLDivElement>;
+    onDragStart?: ResponsiveGridLayoutProps<B>["onDragStart"];
+    onDrag?: ResponsiveGridLayoutProps<B>["onDrag"];
+    onDragStop?: ResponsiveGridLayoutProps<B>["onDragStop"];
+    onResizeStart?: ResponsiveGridLayoutProps<B>["onResizeStart"];
+    onResize?: ResponsiveGridLayoutProps<B>["onResize"];
+    onResizeStop?: ResponsiveGridLayoutProps<B>["onResizeStop"];
+    onDrop?: (layout: Layout, item: LayoutItem | undefined, e: Event) => void;
+    onDropDragOver?: (e: React__default.DragEvent) => {
+        w?: number;
+        h?: number;
+    } | false | void;
+}
+/**
+ * ResponsiveReactGridLayout - Legacy wrapper component
+ *
+ * Converts v1 flat props to v2 composable interfaces for backwards compatibility.
+ */
+declare function ResponsiveReactGridLayout<B extends Breakpoint = string>(props: LegacyResponsiveReactGridLayoutProps<B>): react_jsx_runtime.JSX.Element;
+declare namespace ResponsiveReactGridLayout {
+    var displayName: string;
+}
+
+/**
+ * WidthProvider HOC
+ *
+ * A Higher-Order Component that provides width measurement to grid layouts.
+ * This wraps any component and provides the container width as a prop.
+ */
+
+interface WidthProviderProps {
+    /** If true, will not render children until mounted */
+    measureBeforeMount?: boolean;
+    /** Additional class name */
+    className?: string;
+    /** Additional styles */
+    style?: React__default.CSSProperties;
+}
+type WithWidthProps<P> = Omit<P, "width"> & WidthProviderProps;
+/**
+ * WidthProvider - HOC that provides container width
+ *
+ * A simple HOC that provides facility for listening to container resizes.
+ * Wraps the provided component and passes down a `width` prop.
+ *
+ * @example
+ * ```tsx
+ * import { GridLayout, WidthProvider } from 'react-grid-layout';
+ *
+ * const GridLayoutWithWidth = WidthProvider(GridLayout);
+ *
+ * function MyGrid() {
+ *   return (
+ *     <GridLayoutWithWidth cols={12} rowHeight={30}>
+ *       <div key="a">a</div>
+ *     </GridLayoutWithWidth>
+ *   );
+ * }
+ * ```
+ */
+declare function WidthProvider<P extends {
+    width: number;
+}>(ComposedComponent: ComponentType<P>): ComponentType<WithWidthProps<P>>;
+
+export { Breakpoint, Breakpoints, CompactType, Layout, LayoutItem, type LegacyReactGridLayoutProps, type LegacyResponsiveReactGridLayoutProps, ReactGridLayout, ResizeHandleAxis, ResponsiveReactGridLayout as Responsive, ResponsiveLayouts, ResponsiveReactGridLayout, WidthProvider, ReactGridLayout as default };

package/dist/legacy.d.ts

@@ -0,0 +1,163 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default, { ComponentType } from 'react';
+import { a as GridLayoutProps, b as ResponsiveGridLayoutProps } from './ResponsiveGridLayout-CH4s0tKj.js';
+import { L as Layout, a as LayoutItem, C as CompactType, d as ResizeHandleAxis, B as Breakpoint, b as Breakpoints, R as ResponsiveLayouts } from './types-Cxf4nHNr.js';
+
+/**
+ * Legacy props interface for backwards compatibility with v1 API.
+ * These flat props are converted to composable interfaces internally.
+ */
+interface LegacyReactGridLayoutProps {
+    children: React__default.ReactNode;
+    width: number;
+    cols?: number;
+    rowHeight?: number;
+    maxRows?: number;
+    margin?: readonly [number, number];
+    containerPadding?: readonly [number, number] | null;
+    layout?: Layout;
+    droppingItem?: LayoutItem;
+    compactType?: CompactType;
+    preventCollision?: boolean;
+    allowOverlap?: boolean;
+    /** @deprecated Use compactType instead */
+    verticalCompact?: boolean;
+    isDraggable?: boolean;
+    isBounded?: boolean;
+    draggableHandle?: string;
+    draggableCancel?: string;
+    isResizable?: boolean;
+    resizeHandles?: ResizeHandleAxis[];
+    resizeHandle?: React__default.ReactElement | ((axis: ResizeHandleAxis, ref: React__default.Ref<HTMLElement>) => React__default.ReactElement);
+    isDroppable?: boolean;
+    useCSSTransforms?: boolean;
+    transformScale?: number;
+    autoSize?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+    innerRef?: React__default.Ref<HTMLDivElement>;
+    onLayoutChange?: (layout: Layout) => void;
+    onDragStart?: GridLayoutProps["onDragStart"];
+    onDrag?: GridLayoutProps["onDrag"];
+    onDragStop?: GridLayoutProps["onDragStop"];
+    onResizeStart?: GridLayoutProps["onResizeStart"];
+    onResize?: GridLayoutProps["onResize"];
+    onResizeStop?: GridLayoutProps["onResizeStop"];
+    onDrop?: (layout: Layout, item: LayoutItem | undefined, e: Event) => void;
+    onDropDragOver?: (e: React__default.DragEvent) => {
+        w?: number;
+        h?: number;
+    } | false | void;
+}
+/**
+ * ReactGridLayout - Legacy wrapper component
+ *
+ * Converts v1 flat props to v2 composable interfaces for backwards compatibility.
+ */
+declare function ReactGridLayout(props: LegacyReactGridLayoutProps): react_jsx_runtime.JSX.Element;
+declare namespace ReactGridLayout {
+    var displayName: string;
+}
+
+/**
+ * Legacy props interface for backwards compatibility with v1 API.
+ * These flat props are converted to composable interfaces internally.
+ */
+interface LegacyResponsiveReactGridLayoutProps<B extends Breakpoint = string> {
+    children: React__default.ReactNode;
+    width: number;
+    breakpoint?: B;
+    breakpoints?: Breakpoints<B>;
+    cols?: Breakpoints<B>;
+    layouts?: ResponsiveLayouts<B>;
+    onBreakpointChange?: (newBreakpoint: B, cols: number) => void;
+    onLayoutChange?: (layout: Layout, layouts: ResponsiveLayouts<B>) => void;
+    onWidthChange?: (containerWidth: number, margin: readonly [number, number], cols: number, containerPadding: readonly [number, number] | null) => void;
+    rowHeight?: number;
+    maxRows?: number;
+    margin?: readonly [number, number] | Partial<Record<B, readonly [number, number]>>;
+    containerPadding?: readonly [number, number] | Partial<Record<B, readonly [number, number] | null>> | null;
+    droppingItem?: LayoutItem;
+    compactType?: CompactType;
+    preventCollision?: boolean;
+    allowOverlap?: boolean;
+    /** @deprecated Use compactType instead */
+    verticalCompact?: boolean;
+    isDraggable?: boolean;
+    isBounded?: boolean;
+    draggableHandle?: string;
+    draggableCancel?: string;
+    isResizable?: boolean;
+    resizeHandles?: ResizeHandleAxis[];
+    resizeHandle?: React__default.ReactElement | ((axis: ResizeHandleAxis, ref: React__default.Ref<HTMLElement>) => React__default.ReactElement);
+    isDroppable?: boolean;
+    useCSSTransforms?: boolean;
+    transformScale?: number;
+    autoSize?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+    innerRef?: React__default.Ref<HTMLDivElement>;
+    onDragStart?: ResponsiveGridLayoutProps<B>["onDragStart"];
+    onDrag?: ResponsiveGridLayoutProps<B>["onDrag"];
+    onDragStop?: ResponsiveGridLayoutProps<B>["onDragStop"];
+    onResizeStart?: ResponsiveGridLayoutProps<B>["onResizeStart"];
+    onResize?: ResponsiveGridLayoutProps<B>["onResize"];
+    onResizeStop?: ResponsiveGridLayoutProps<B>["onResizeStop"];
+    onDrop?: (layout: Layout, item: LayoutItem | undefined, e: Event) => void;
+    onDropDragOver?: (e: React__default.DragEvent) => {
+        w?: number;
+        h?: number;
+    } | false | void;
+}
+/**
+ * ResponsiveReactGridLayout - Legacy wrapper component
+ *
+ * Converts v1 flat props to v2 composable interfaces for backwards compatibility.
+ */
+declare function ResponsiveReactGridLayout<B extends Breakpoint = string>(props: LegacyResponsiveReactGridLayoutProps<B>): react_jsx_runtime.JSX.Element;
+declare namespace ResponsiveReactGridLayout {
+    var displayName: string;
+}
+
+/**
+ * WidthProvider HOC
+ *
+ * A Higher-Order Component that provides width measurement to grid layouts.
+ * This wraps any component and provides the container width as a prop.
+ */
+
+interface WidthProviderProps {
+    /** If true, will not render children until mounted */
+    measureBeforeMount?: boolean;
+    /** Additional class name */
+    className?: string;
+    /** Additional styles */
+    style?: React__default.CSSProperties;
+}
+type WithWidthProps<P> = Omit<P, "width"> & WidthProviderProps;
+/**
+ * WidthProvider - HOC that provides container width
+ *
+ * A simple HOC that provides facility for listening to container resizes.
+ * Wraps the provided component and passes down a `width` prop.
+ *
+ * @example
+ * ```tsx
+ * import { GridLayout, WidthProvider } from 'react-grid-layout';
+ *
+ * const GridLayoutWithWidth = WidthProvider(GridLayout);
+ *
+ * function MyGrid() {
+ *   return (
+ *     <GridLayoutWithWidth cols={12} rowHeight={30}>
+ *       <div key="a">a</div>
+ *     </GridLayoutWithWidth>
+ *   );
+ * }
+ * ```
+ */
+declare function WidthProvider<P extends {
+    width: number;
+}>(ComposedComponent: ComponentType<P>): ComponentType<WithWidthProps<P>>;
+
+export { Breakpoint, Breakpoints, CompactType, Layout, LayoutItem, type LegacyReactGridLayoutProps, type LegacyResponsiveReactGridLayoutProps, ReactGridLayout, ResizeHandleAxis, ResponsiveReactGridLayout as Responsive, ResponsiveLayouts, ResponsiveReactGridLayout, WidthProvider, ReactGridLayout as default };