Grid: add DashboardLanes masonry surface

packages/grid/CHANGELOG.md

@@ -4,24 +4,36 @@
 
 ### New Features
 
--   Add `renderDragPreview` prop and `DragPreviewRenderProps` type for
-    consumers that need to wrap the dragged-clone visual with their
-    own chrome. The grid keeps a thin functional frame (lift scale,
-    grabbing cursor, pointer pass-through) around the consumer's
-    wrapper.
--   Expose a small set of CSS custom properties for theming the lift
-    scale, placeholder opacity, placeholder outline color, and
-    placeholder radius (`--wp-grid-drag-preview-scale`,
+-   Initial release. Ships two layout components:
+    -   `DashboardGrid`, a 2D packed grid with explicit `(width,
+        height)` spans, drag-to-reorder and resize handles.
+    -   `DashboardLanes`, a masonry-style surface aligned with the
+        WebKit `display: grid-lanes` spec. Tiles declare a column
+        span only; heights are driven by content; placement follows
+        a source-ordered, shortest-lane skyline with a
+        `flow-tolerance` tiebreaker. Falls back to a JS-driven
+        polyfill on browsers without native support.
+-   Export `DashboardGridLayoutItem`, `DashboardGridProps`,
+    `DashboardLanesLayoutItem`, and `DashboardLanesProps` types.
+-   Add `renderDragPreview` prop and `DragPreviewRenderProps` type on
+    both surfaces for consumers that need to wrap the dragged-clone
+    visual with their own chrome. The surface keeps a thin functional
+    frame (lift scale, grabbing cursor, pointer pass-through) around
+    the consumer's wrapper.
+-   Expose CSS custom properties for theming the lift scale,
+    placeholder opacity, placeholder outline color, and placeholder
+    radius (`--wp-grid-drag-preview-scale`,
     `--wp-grid-placeholder-opacity`,
     `--wp-grid-placeholder-outline-color`,
     `--wp-grid-placeholder-radius`).
 
 ### Internal
 
--   Drop the default visual layer on `.drag-preview` (shadow,
-    border-radius, overflow). The dragged clone now renders the
-    consumer's children directly inside the functional frame; visual
-    chrome is owned by the consumer either through the tile children
-    themselves or via `renderDragPreview`.
--   Initial release of `DashboardGrid` (2D packed grid with drag-to-
-    reorder and resize handles).
+-   Organize the package source under `dashboard-grid/`,
+    `dashboard-lanes/`, and `shared/` so each layout model owns its
+    component, types, stories, and tests.
+-   Drop the default visual layer on the drag-preview wrapper
+    (shadow). The dragged clone now renders the consumer's children
+    directly inside the functional frame; visual chrome is owned by
+    the consumer either through the tile children themselves or via
+    `renderDragPreview`.