@witchcraft/layout 0.1.2 → 0.2.0

package/dist/runtime/types/index.d.ts

@@ -1,7 +1,6 @@
 import type { EnumLike } from "@alanscodelog/utils";
 import { z } from "zod";
 export * from "../drag/types.js";
-import type { HTMLAttributes, StyleValue } from "vue";
 export declare const zUuid: z.ZodUUID;
 export type AnyUuid = z.infer<typeof zUuid>;
 export declare const zWindowIdConstants: z.ZodEnum<{
@@ -122,18 +121,32 @@ export type IntersectionEntry = {
     isWindowEdge: boolean;
 };
 export declare const zLayoutFrame: z.ZodObject<{
-    id: z.ZodUUID;
     width: z.ZodNumber;
     height: z.ZodNumber;
     x: z.ZodNumber;
     y: z.ZodNumber;
+    id: z.ZodUUID;
+    docked: z.ZodOptional<z.ZodEnum<{
+        left: "left";
+        right: "right";
+        top: "top";
+        bottom: "bottom";
+    }>>;
+    collapsed: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<false>, z.ZodNumber]>>;
 }, z.core.$loose>;
 export declare const zLayoutFrameLoose: z.ZodObject<{
-    id: z.ZodUUID;
     width: z.ZodNumber;
     height: z.ZodNumber;
     x: z.ZodNumber;
     y: z.ZodNumber;
+    id: z.ZodUUID;
+    docked: z.ZodOptional<z.ZodEnum<{
+        left: "left";
+        right: "right";
+        top: "top";
+        bottom: "bottom";
+    }>>;
+    collapsed: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<false>, z.ZodNumber]>>;
 }, z.core.$loose>;
 export interface Register {
 }
@@ -151,6 +164,8 @@ export type ExtendedWorkspace = Register extends {
 } ? T : unknown;
 export type BaseLayoutFrame = Size & Pos & {
     id: FrameId;
+    docked?: EdgeSide | false;
+    collapsed?: false | number;
 };
 export type LayoutFrame = ExtendedLayoutFrame & BaseLayoutFrame;
 export type LayoutFrames = Record<string, LayoutFrame>;
@@ -158,11 +173,18 @@ export declare const zLayoutWindow: z.ZodObject<{
     id: z.ZodUUID;
     activeFrame: z.ZodOptional<z.ZodString>;
     frames: z.ZodRecord<z.ZodString, z.ZodObject<{
-        id: z.ZodUUID;
         width: z.ZodNumber;
         height: z.ZodNumber;
         x: z.ZodNumber;
         y: z.ZodNumber;
+        id: z.ZodUUID;
+        docked: z.ZodOptional<z.ZodEnum<{
+            left: "left";
+            right: "right";
+            top: "top";
+            bottom: "bottom";
+        }>>;
+        collapsed: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<false>, z.ZodNumber]>>;
     }, z.core.$loose>>;
     pxWidth: z.ZodNumber;
     pxHeight: z.ZodNumber;
@@ -173,11 +195,18 @@ export declare const zLayoutWindowLoose: z.ZodObject<{
     id: z.ZodUUID;
     activeFrame: z.ZodOptional<z.ZodString>;
     frames: z.ZodRecord<z.ZodString, z.ZodObject<{
-        id: z.ZodUUID;
         width: z.ZodNumber;
         height: z.ZodNumber;
         x: z.ZodNumber;
         y: z.ZodNumber;
+        id: z.ZodUUID;
+        docked: z.ZodOptional<z.ZodEnum<{
+            left: "left";
+            right: "right";
+            top: "top";
+            bottom: "bottom";
+        }>>;
+        collapsed: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<false>, z.ZodNumber]>>;
     }, z.core.$loose>>;
     pxWidth: z.ZodNumber;
     pxHeight: z.ZodNumber;
@@ -198,21 +227,35 @@ export type LayoutWindows = Record<string, LayoutWindow>;
 export declare const zWorkspace: z.ZodObject<{
     activeFrame: z.ZodOptional<z.ZodString>;
     frames: z.ZodRecord<z.ZodString, z.ZodObject<{
-        id: z.ZodUUID;
         width: z.ZodNumber;
         height: z.ZodNumber;
         x: z.ZodNumber;
         y: z.ZodNumber;
+        id: z.ZodUUID;
+        docked: z.ZodOptional<z.ZodEnum<{
+            left: "left";
+            right: "right";
+            top: "top";
+            bottom: "bottom";
+        }>>;
+        collapsed: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<false>, z.ZodNumber]>>;
     }, z.core.$loose>>;
 }, z.core.$strict>;
 export declare const zWorkspaceLoose: z.ZodObject<{
     activeFrame: z.ZodOptional<z.ZodString>;
     frames: z.ZodRecord<z.ZodString, z.ZodObject<{
-        id: z.ZodUUID;
         width: z.ZodNumber;
         height: z.ZodNumber;
         x: z.ZodNumber;
         y: z.ZodNumber;
+        id: z.ZodUUID;
+        docked: z.ZodOptional<z.ZodEnum<{
+            left: "left";
+            right: "right";
+            top: "top";
+            bottom: "bottom";
+        }>>;
+        collapsed: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<false>, z.ZodNumber]>>;
     }, z.core.$loose>>;
 }, z.core.$loose>;
 export type Workspace = Pick<LayoutWindow, "activeFrame" | "frames"> & ExtendedWorkspace;
@@ -222,11 +265,18 @@ export declare const zLayout: z.ZodObject<{
         id: z.ZodUUID;
         activeFrame: z.ZodOptional<z.ZodString>;
         frames: z.ZodRecord<z.ZodString, z.ZodObject<{
-            id: z.ZodUUID;
             width: z.ZodNumber;
             height: z.ZodNumber;
             x: z.ZodNumber;
             y: z.ZodNumber;
+            id: z.ZodUUID;
+            docked: z.ZodOptional<z.ZodEnum<{
+                left: "left";
+                right: "right";
+                top: "top";
+                bottom: "bottom";
+            }>>;
+            collapsed: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<false>, z.ZodNumber]>>;
         }, z.core.$loose>>;
         pxWidth: z.ZodNumber;
         pxHeight: z.ZodNumber;
@@ -240,11 +290,18 @@ export declare const zInitializedLayout: z.ZodObject<{
         id: z.ZodUUID;
         activeFrame: z.ZodOptional<z.ZodString>;
         frames: z.ZodRecord<z.ZodString, z.ZodObject<{
-            id: z.ZodUUID;
             width: z.ZodNumber;
             height: z.ZodNumber;
             x: z.ZodNumber;
             y: z.ZodNumber;
+            id: z.ZodUUID;
+            docked: z.ZodOptional<z.ZodEnum<{
+                left: "left";
+                right: "right";
+                top: "top";
+                bottom: "bottom";
+            }>>;
+            collapsed: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<false>, z.ZodNumber]>>;
         }, z.core.$loose>>;
         pxWidth: z.ZodNumber;
         pxHeight: z.ZodNumber;
@@ -256,46 +313,78 @@ export type Layout = ExtendedLayout & {
     activeWindow?: string;
     windows: LayoutWindows;
 };
-export declare const zSplitDecoShapes: z.ZodObject<{
-    edge: z.ZodObject<{
-        startX: z.ZodNumber;
-        startY: z.ZodNumber;
-        endX: z.ZodNumber;
-        endY: z.ZodNumber;
-    }, z.core.$strip>;
-    newFrame: z.ZodObject<{
+declare const zLayoutShape: z.ZodDiscriminatedUnion<[z.ZodObject<{
+    type: z.ZodLiteral<"square">;
+    data: z.ZodObject<{
         width: z.ZodNumber;
         height: z.ZodNumber;
         x: z.ZodNumber;
         y: z.ZodNumber;
     }, z.core.$strip>;
-}, z.core.$strict>;
-export type SplitDecoShapes = z.infer<typeof zSplitDecoShapes>;
-export declare const zSplitDeco: z.ZodObject<{
-    id: z.ZodUUID;
-    type: z.ZodLiteral<"split">;
-    position: z.ZodNumber;
-    direction: z.ZodEnum<{
-        up: "up";
-        down: "down";
-        left: "left";
-        right: "right";
-    }>;
-    shapes: z.ZodObject<{
-        edge: z.ZodObject<{
+    attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+}, z.core.$strip>, z.ZodObject<{
+    type: z.ZodLiteral<"edge">;
+    data: z.ZodObject<{
+        startX: z.ZodNumber;
+        startY: z.ZodNumber;
+        endX: z.ZodNumber;
+        endY: z.ZodNumber;
+    }, z.core.$strip>;
+    attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+}, z.core.$strip>], "type">;
+export type LayoutShape = z.infer<typeof zLayoutShape>;
+declare const zBaseDeco: z.ZodObject<{
+    shapes: z.ZodDefault<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
+        type: z.ZodLiteral<"square">;
+        data: z.ZodObject<{
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, z.core.$strip>;
+        attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"edge">;
+        data: z.ZodObject<{
             startX: z.ZodNumber;
             startY: z.ZodNumber;
             endX: z.ZodNumber;
             endY: z.ZodNumber;
         }, z.core.$strip>;
-        newFrame: z.ZodObject<{
+        attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    }, z.core.$strip>], "type">>>;
+}, z.core.$strip>;
+export type BaseDeco = z.infer<typeof zBaseDeco>;
+export declare const zSplitDeco: z.ZodObject<{
+    shapes: z.ZodDefault<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
+        type: z.ZodLiteral<"square">;
+        data: z.ZodObject<{
             width: z.ZodNumber;
             height: z.ZodNumber;
             x: z.ZodNumber;
             y: z.ZodNumber;
         }, z.core.$strip>;
-    }, z.core.$strict>;
-}, z.core.$strict>;
+        attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"edge">;
+        data: z.ZodObject<{
+            startX: z.ZodNumber;
+            startY: z.ZodNumber;
+            endX: z.ZodNumber;
+            endY: z.ZodNumber;
+        }, z.core.$strip>;
+        attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    }, z.core.$strip>], "type">>>;
+    id: z.ZodUUID;
+    type: z.ZodLiteral<"split">;
+    position: z.ZodNumber;
+    direction: z.ZodEnum<{
+        up: "up";
+        down: "down";
+        left: "left";
+        right: "right";
+    }>;
+}, z.core.$strip>;
 export declare const zRawSplitDeco: z.ZodObject<{
     type: z.ZodLiteral<"split">;
     id: z.ZodUUID;
@@ -306,16 +395,54 @@ export declare const zRawSplitDeco: z.ZodObject<{
         left: "left";
         right: "right";
     }>;
-}, z.core.$strict>;
+}, z.core.$strip>;
 export type RawSplitDeco = z.infer<typeof zRawSplitDeco>;
 export type SplitDeco = z.infer<typeof zSplitDeco>;
 declare const zCloseDeco: z.ZodObject<{
+    shapes: z.ZodDefault<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
+        type: z.ZodLiteral<"square">;
+        data: z.ZodObject<{
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, z.core.$strip>;
+        attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"edge">;
+        data: z.ZodObject<{
+            startX: z.ZodNumber;
+            startY: z.ZodNumber;
+            endX: z.ZodNumber;
+            endY: z.ZodNumber;
+        }, z.core.$strip>;
+        attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    }, z.core.$strip>], "type">>>;
     id: z.ZodUUID;
     type: z.ZodLiteral<"close">;
     force: z.ZodOptional<z.ZodBoolean>;
-}, z.core.$strict>;
+}, z.core.$strip>;
 export type CloseDeco = z.infer<typeof zCloseDeco>;
-declare const zDropDeco: z.ZodObject<{
+declare const zFrameDragDeco: z.ZodObject<{
+    shapes: z.ZodDefault<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
+        type: z.ZodLiteral<"square">;
+        data: z.ZodObject<{
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, z.core.$strip>;
+        attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"edge">;
+        data: z.ZodObject<{
+            startX: z.ZodNumber;
+            startY: z.ZodNumber;
+            endX: z.ZodNumber;
+            endY: z.ZodNumber;
+        }, z.core.$strip>;
+        attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    }, z.core.$strip>], "type">>>;
     id: z.ZodUUID;
     type: z.ZodLiteral<"drop">;
     position: z.ZodUnion<[z.ZodEnum<{
@@ -326,9 +453,28 @@ declare const zDropDeco: z.ZodObject<{
     }>, z.ZodEnum<{
         center: "center";
     }>]>;
-}, z.core.$strict>;
-export type DropDeco = z.infer<typeof zDropDeco>;
+}, z.core.$strip>;
+export type FrameDragDeco = z.infer<typeof zFrameDragDeco>;
 export declare const zDeco: z.ZodUnion<readonly [z.ZodObject<{
+    shapes: z.ZodDefault<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
+        type: z.ZodLiteral<"square">;
+        data: z.ZodObject<{
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, z.core.$strip>;
+        attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"edge">;
+        data: z.ZodObject<{
+            startX: z.ZodNumber;
+            startY: z.ZodNumber;
+            endX: z.ZodNumber;
+            endY: z.ZodNumber;
+        }, z.core.$strip>;
+        attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    }, z.core.$strip>], "type">>>;
     id: z.ZodUUID;
     type: z.ZodLiteral<"split">;
     position: z.ZodNumber;
@@ -338,25 +484,49 @@ export declare const zDeco: z.ZodUnion<readonly [z.ZodObject<{
         left: "left";
         right: "right";
     }>;
-    shapes: z.ZodObject<{
-        edge: z.ZodObject<{
+}, z.core.$strip>, z.ZodObject<{
+    shapes: z.ZodDefault<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
+        type: z.ZodLiteral<"square">;
+        data: z.ZodObject<{
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, z.core.$strip>;
+        attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"edge">;
+        data: z.ZodObject<{
             startX: z.ZodNumber;
             startY: z.ZodNumber;
             endX: z.ZodNumber;
             endY: z.ZodNumber;
         }, z.core.$strip>;
-        newFrame: z.ZodObject<{
+        attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    }, z.core.$strip>], "type">>>;
+    id: z.ZodUUID;
+    type: z.ZodLiteral<"close">;
+    force: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strip>, z.ZodObject<{
+    shapes: z.ZodDefault<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
+        type: z.ZodLiteral<"square">;
+        data: z.ZodObject<{
             width: z.ZodNumber;
             height: z.ZodNumber;
             x: z.ZodNumber;
             y: z.ZodNumber;
         }, z.core.$strip>;
-    }, z.core.$strict>;
-}, z.core.$strict>, z.ZodObject<{
-    id: z.ZodUUID;
-    type: z.ZodLiteral<"close">;
-    force: z.ZodOptional<z.ZodBoolean>;
-}, z.core.$strict>, z.ZodObject<{
+        attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"edge">;
+        data: z.ZodObject<{
+            startX: z.ZodNumber;
+            startY: z.ZodNumber;
+            endX: z.ZodNumber;
+            endY: z.ZodNumber;
+        }, z.core.$strip>;
+        attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    }, z.core.$strip>], "type">>>;
     id: z.ZodUUID;
     type: z.ZodLiteral<"drop">;
     position: z.ZodUnion<[z.ZodEnum<{
@@ -367,7 +537,7 @@ export declare const zDeco: z.ZodUnion<readonly [z.ZodObject<{
     }>, z.ZodEnum<{
         center: "center";
     }>]>;
-}, z.core.$strict>]>;
+}, z.core.$strip>]>;
 export type Deco = z.infer<typeof zDeco>;
 export declare const LAYOUT_ERROR: {
     INVALID_ID: "INVALID_ID";
@@ -380,6 +550,19 @@ export declare const LAYOUT_ERROR: {
     CANT_CLOSE_SINGLE_FRAME: "CANT_CLOSE_SINGLE_FRAME";
     CANT_SPLIT_FRAME_TOO_SMALL: "CANT_SPLIT_FRAME_TOO_SMALL";
     CANT_CLOSE_WITHOUT_FORCE: "CANT_CLOSE_WITHOUT_FORCE";
+    CANT_SWAP_WITH_SELF: "CANT_SWAP_WITH_SELF";
+    CANT_REARRANGE_TO_SAME_RELATIVE_POSITION: "CANT_REARRANGE_TO_SAME_RELATIVE_POSITION";
+    CANT_REARRANGE_WITH_DOCKED_EDGES: "CANT_REARRANGE_WITH_DOCKED_EDGES";
+    CANT_REARRANGE_DOCKED_WITH_NON_DOCKED: "CANT_REARRANGE_DOCKED_WITH_NON_DOCKED";
+    CANT_SPLIT_DOCKED_FRAME: "CANT_SPLIT_DOCKED_FRAME";
+    NO_SPACE_TO_REDISTRIBUTE: "NO_SPACE_TO_REDISTRIBUTE";
+    REDISTRIBUTE_OUT_OF_BOUNDS: "REDISTRIBUTE_OUT_OF_BOUNDS";
+    FRAME_ALREADY_DOCKED_ON_SIDE: "FRAME_ALREADY_DOCKED_ON_SIDE";
+    CANT_LEAVE_NO_UNDOCKED_FRAMES: "CANT_LEAVE_NO_UNDOCKED_FRAMES";
+    CANT_UNDOCK_COLLAPSED_FRAME: "CANT_UNDOCK_COLLAPSED_FRAME";
+    CANT_COLLAPSE_NOT_DOCKED: "CANT_COLLAPSE_NOT_DOCKED";
+    CANT_UNCOLLAPSE_NOT_COLLAPSED: "CANT_UNCOLLAPSE_NOT_COLLAPSED";
+    NO_FILL_CANDIDATES: "NO_FILL_CANDIDATES";
 };
 export type LayoutError = EnumLike<typeof LAYOUT_ERROR>;
 export type LayoutErrorInfo<T extends LayoutError> = LayoutErrorsInfo[T] extends undefined ? never : LayoutErrorsInfo[T];
@@ -415,8 +598,70 @@ export type LayoutErrorsInfo = {
         frame: LayoutFrame;
         framesRequiredToBeDeleted: LayoutFrame[];
     };
+    [LAYOUT_ERROR.CANT_SWAP_WITH_SELF]: {
+        frame: LayoutFrame;
+    };
+    [LAYOUT_ERROR.CANT_REARRANGE_TO_SAME_RELATIVE_POSITION]: {
+        draggingFrameId: string;
+        hoveredFrameId: string;
+        zoneSide: DragZone["side"];
+    };
+    [LAYOUT_ERROR.CANT_REARRANGE_WITH_DOCKED_EDGES]: {
+        draggingFrameId: string;
+        hoveredFrameId: string;
+        zoneSide: DragZone["side"];
+    };
+    [LAYOUT_ERROR.CANT_REARRANGE_DOCKED_WITH_NON_DOCKED]: {
+        draggingFrameId: string;
+        hoveredFrameId: string;
+        zoneSide: DragZone["side"];
+    };
+    [LAYOUT_ERROR.CANT_SPLIT_DOCKED_FRAME]: {
+        frame: LayoutFrame;
+    };
+    [LAYOUT_ERROR.NO_SPACE_TO_REDISTRIBUTE]: {
+        minFrameSize: number;
+        frameSizeNeeded: number;
+    };
+    [LAYOUT_ERROR.REDISTRIBUTE_OUT_OF_BOUNDS]: {
+        min: number;
+        max: number;
+        wanted: number;
+    };
+    [LAYOUT_ERROR.FRAME_ALREADY_DOCKED_ON_SIDE]: {
+        side: EdgeSide;
+        id: string;
+    };
+    [LAYOUT_ERROR.CANT_LEAVE_NO_UNDOCKED_FRAMES]: {};
+    [LAYOUT_ERROR.CANT_UNDOCK_COLLAPSED_FRAME]: {
+        frame: string;
+    };
+    [LAYOUT_ERROR.CANT_COLLAPSE_NOT_DOCKED]: {
+        frame: LayoutFrame;
+    };
+    [LAYOUT_ERROR.CANT_UNCOLLAPSE_NOT_COLLAPSED]: {
+        frame: LayoutFrame;
+    };
+    [LAYOUT_ERROR.NO_FILL_CANDIDATES]: {};
 };
 export type HasOpposite = Direction | EdgeSide | ExtendedDirection | ExtendedEdgeSide | keyof Point | keyof Size;
+export type BaseDragZone = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    pxWidth: number;
+    pxHeight: number;
+};
+export type FrameDragZone = BaseDragZone & {
+    type: "frame";
+    side: EdgeSide | "center";
+};
+export type WindowEdgeZone = BaseDragZone & {
+    type: "window";
+    side: EdgeSide;
+};
+export type DragZone = FrameDragZone | WindowEdgeZone;
 export declare const zWindowCreate: z.ZodObject<{
     id: z.ZodOptional<z.ZodUUID>;
     activeFrame: z.ZodOptional<z.ZodString>;
@@ -425,11 +670,18 @@ export declare const zWindowCreate: z.ZodObject<{
     pxX: z.ZodOptional<z.ZodNumber>;
     pxY: z.ZodOptional<z.ZodNumber>;
     frames: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodObject<{
-        id: z.ZodUUID;
         width: z.ZodNumber;
         height: z.ZodNumber;
         x: z.ZodNumber;
         y: z.ZodNumber;
+        id: z.ZodUUID;
+        docked: z.ZodOptional<z.ZodEnum<{
+            left: "left";
+            right: "right";
+            top: "top";
+            bottom: "bottom";
+        }>>;
+        collapsed: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<false>, z.ZodNumber]>>;
     }, z.core.$loose>>>;
 }, z.core.$loose>;
 export declare const zLayoutCreate: z.ZodObject<{
@@ -438,11 +690,18 @@ export declare const zLayoutCreate: z.ZodObject<{
         id: z.ZodUUID;
         activeFrame: z.ZodOptional<z.ZodString>;
         frames: z.ZodRecord<z.ZodString, z.ZodObject<{
-            id: z.ZodUUID;
             width: z.ZodNumber;
             height: z.ZodNumber;
             x: z.ZodNumber;
             y: z.ZodNumber;
+            id: z.ZodUUID;
+            docked: z.ZodOptional<z.ZodEnum<{
+                left: "left";
+                right: "right";
+                top: "top";
+                bottom: "bottom";
+            }>>;
+            collapsed: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<false>, z.ZodNumber]>>;
         }, z.core.$loose>>;
         pxWidth: z.ZodNumber;
         pxHeight: z.ZodNumber;
@@ -451,17 +710,21 @@ export declare const zLayoutCreate: z.ZodObject<{
     }, z.core.$strip>>>;
 }, z.core.$loose>;
 export declare const zFrameCreate: z.ZodObject<{
-    id: z.ZodOptional<z.ZodUUID>;
     width: z.ZodOptional<z.ZodNumber>;
     height: z.ZodOptional<z.ZodNumber>;
     x: z.ZodOptional<z.ZodNumber>;
     y: z.ZodOptional<z.ZodNumber>;
+    id: z.ZodOptional<z.ZodUUID>;
+    docked: z.ZodOptional<z.ZodEnum<{
+        left: "left";
+        right: "right";
+        top: "top";
+        bottom: "bottom";
+    }>>;
+    collapsed: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<false>, z.ZodNumber]>>;
 }, z.core.$loose>;
 export type LayoutShapeSquareProps = {
     css: BaseSquareCss;
-    style?: StyleValue;
-} & /** @vue-ignore */ Omit<HTMLAttributes, "class" | "onFocus"> & {
-    class?: string;
 };
 export type LayoutEdgesProps = {
     edges: Edge[];
@@ -473,6 +736,12 @@ export type LayoutEdgesProps = {
     draggingEdge?: Edge;
     draggingIntersection?: IntersectionEntry;
 } & Partial<LayoutShapeSquareProps>;
+export type LayoutChange<TInfo = never> = {
+    modified: LayoutFrame[];
+    created: LayoutFrame[];
+    deleted: LayoutFrame[];
+    info?: TInfo;
+};
 export type LayoutFrameProps = {
     frame: LayoutFrame;
     isActiveFrame: boolean;