@pygmalionjs/pygmalion 0.6.15 → 0.6.16

package/dist-lib/testing.js

@@ -1,4 +1,4 @@
-import { F as s, N as a, e as r, s as i, a as t } from "./FrozenRoutePreview-D47SJjji.js";
+import { F as s, N as a, e as r, s as i, a as t } from "./FrozenRoutePreview-DtELf1P1.js";
 export {
   s as FrozenRoutePreviewView,
   a as NodeModel,

package/dist-lib/types/editor/adaptiveFrameLayout.d.ts

@@ -17,6 +17,15 @@ export interface AdaptiveFrameLayoutOptions {
     targetAspectRatio?: number;
     maxRowWidth?: number;
 }
+export interface AdaptiveMasonryLayoutOptions {
+    gap?: number;
+    targetAspectRatio?: number;
+    maxColumns?: number;
+    maxWidth?: number;
+}
+export interface AdaptiveMasonryLayout extends AdaptiveFrameLayout {
+    columnCount: number;
+}
 export interface LaneInput {
     laneId: string;
     frames: readonly AdaptiveFrameSize[];
@@ -65,3 +74,15 @@ export declare function layoutLaneRows(lanes: readonly LaneInput[], options?: La
  * maximum when their canvas has a known horizontal constraint.
  */
 export declare function layoutAdaptiveFrames(frames: readonly AdaptiveFrameSize[], options?: AdaptiveFrameLayoutOptions): AdaptiveFrameLayout;
+/**
+ * Packs independent, content-sized sheets into geometry-aware columns.
+ *
+ * A normal storyboard keeps authored order in horizontal rows. Catalog sheets
+ * are different: their heights can vary by thousands of pixels, so a single
+ * tall sheet must not reserve that height underneath every neighbour in its
+ * row. This layout tries several column counts, places each next sheet in the
+ * shortest column, then chooses the compact result closest to the requested
+ * aspect ratio. The result can be two, four, or five columns; three is never a
+ * hard-coded layout rule.
+ */
+export declare function layoutAdaptiveMasonryFrames(frames: readonly AdaptiveFrameSize[], options?: AdaptiveMasonryLayoutOptions): AdaptiveMasonryLayout;

package/dist-lib/types/editor/catalog.d.ts

@@ -32,6 +32,7 @@ export interface DesignGalleryCatalogOptions<T extends DesignCatalogItem> {
     secondaryLabel?: (item: T) => ReactNode;
     frame?: DesignCatalogFrame | ((page: DesignCatalogPageDescriptor, items: readonly T[]) => DesignCatalogFrame);
     minimumColumnWidth?: number;
+    maximumColumns?: number;
     registryPrefix?: string;
 }
 export interface DesignComponentCatalogOptions {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pygmalionjs/pygmalion",
-  "version": "0.6.15",
+  "version": "0.6.16",
   "description": "Code-backed DOM design sandbox and visual QA editor",
   "license": "UNLICENSED",
   "publishConfig": {