@witchcraft/layout 0.3.0 → 0.4.0

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

@@ -1,6 +1,6 @@
 import type { EnumLike } from "@alanscodelog/utils";
 import { z } from "zod";
-export * from "../drag/types.js";
+import { KnownError } from "../utils/KnownError.js";
 export declare const zUuid: z.ZodUUID;
 export type AnyUuid = z.infer<typeof zUuid>;
 export declare const zWindowIdConstants: z.ZodEnum<{
@@ -48,6 +48,124 @@ export declare const zEdge: z.ZodObject<{
     startY: z.ZodNumber;
     endX: z.ZodNumber;
     endY: z.ZodNumber;
+    error: z.ZodOptional<z.ZodUnion<[z.ZodCustom<KnownError<LayoutError, {} | {
+        id: string | undefined;
+    } | {
+        id: string | undefined;
+    } | {
+        size: Size;
+    } | Record<string, never> | {
+        frame: LayoutFrame;
+    } | {
+        frame: LayoutFrame;
+        nearbyFrames: LayoutFrame[];
+        minSize: Size;
+    } | {
+        frame: LayoutFrame;
+    } | {
+        frame: LayoutFrame;
+        newSize: number;
+        minSize: number;
+    } | {
+        frame: LayoutFrame;
+        framesRequiredToBeDeleted: LayoutFrame[];
+    } | {
+        frame: LayoutFrame;
+    } | {
+        draggingFrameId: string;
+        hoveredFrameId: string;
+        zoneSide: DragZone["side"];
+    } | {
+        draggingFrameId: string;
+        hoveredFrameId: string;
+        zoneSide: DragZone["side"];
+    } | {
+        draggingFrameId: string;
+        hoveredFrameId: string;
+        zoneSide: DragZone["side"];
+    } | {
+        frame: LayoutFrame;
+    } | {
+        minFrameSize: number;
+        frameSizeNeeded: number;
+    } | {
+        min: number;
+        max: number;
+        wanted: number;
+    } | {
+        problemEdgeCoordinates: number[];
+    } | {
+        side: EdgeSide;
+        id: string;
+    } | {
+        frame: string;
+    } | {
+        frame: LayoutFrame;
+    } | {
+        frame: LayoutFrame;
+    } | {
+        frame: LayoutFrame;
+    }>, KnownError<LayoutError, {} | {
+        id: string | undefined;
+    } | {
+        id: string | undefined;
+    } | {
+        size: Size;
+    } | Record<string, never> | {
+        frame: LayoutFrame;
+    } | {
+        frame: LayoutFrame;
+        nearbyFrames: LayoutFrame[];
+        minSize: Size;
+    } | {
+        frame: LayoutFrame;
+    } | {
+        frame: LayoutFrame;
+        newSize: number;
+        minSize: number;
+    } | {
+        frame: LayoutFrame;
+        framesRequiredToBeDeleted: LayoutFrame[];
+    } | {
+        frame: LayoutFrame;
+    } | {
+        draggingFrameId: string;
+        hoveredFrameId: string;
+        zoneSide: DragZone["side"];
+    } | {
+        draggingFrameId: string;
+        hoveredFrameId: string;
+        zoneSide: DragZone["side"];
+    } | {
+        draggingFrameId: string;
+        hoveredFrameId: string;
+        zoneSide: DragZone["side"];
+    } | {
+        frame: LayoutFrame;
+    } | {
+        minFrameSize: number;
+        frameSizeNeeded: number;
+    } | {
+        min: number;
+        max: number;
+        wanted: number;
+    } | {
+        problemEdgeCoordinates: number[];
+    } | {
+        side: EdgeSide;
+        id: string;
+    } | {
+        frame: string;
+    } | {
+        frame: LayoutFrame;
+    } | {
+        frame: LayoutFrame;
+    } | {
+        frame: LayoutFrame;
+    }>>, z.ZodObject<{
+        code: z.ZodString;
+        message: z.ZodString;
+    }, z.core.$strip>]>>;
 }, z.core.$strip>;
 export type Edge = z.infer<typeof zEdge>;
 export declare const zDirection: z.ZodEnum<{
@@ -89,24 +207,24 @@ export type ExtendedDirection = z.infer<typeof zExtendedDirection>;
 export type Orientation = z.infer<typeof zOrientation>;
 export type EdgeSide = z.infer<typeof zSide>;
 export type ExtendedEdgeSide = z.infer<typeof zExtendedSide>;
-export declare const zBaseSquare: z.ZodObject<{
+export declare const zBaseRect: z.ZodObject<{
     width: z.ZodNumber;
     height: z.ZodNumber;
     x: z.ZodNumber;
     y: z.ZodNumber;
 }, z.core.$strip>;
-export type BaseSquare = z.infer<typeof zBaseSquare>;
-export type BaseSquareCss = {
+export type BaseRect = z.infer<typeof zBaseRect>;
+export type BaseRectCss = {
     x: string;
     y: string;
     width: string;
     height: string;
     translate?: string;
 };
-export type EdgeCss = BaseSquareCss & {
+export type EdgeCss = BaseRectCss & {
     translate: string;
 };
-export type PointCss = BaseSquareCss & {
+export type PointCss = BaseRectCss & {
     translate: string;
 };
 export type Intersections = Record<number, Record<number, number>>;
@@ -314,7 +432,7 @@ export type Layout = ExtendedLayout & {
     windows: LayoutWindows;
 };
 declare const zLayoutShape: z.ZodDiscriminatedUnion<[z.ZodObject<{
-    type: z.ZodLiteral<"square">;
+    type: z.ZodLiteral<"rect">;
     data: z.ZodObject<{
         width: z.ZodNumber;
         height: z.ZodNumber;
@@ -329,13 +447,131 @@ declare const zLayoutShape: z.ZodDiscriminatedUnion<[z.ZodObject<{
         startY: z.ZodNumber;
         endX: z.ZodNumber;
         endY: z.ZodNumber;
+        error: z.ZodOptional<z.ZodUnion<[z.ZodCustom<KnownError<LayoutError, {} | {
+            id: string | undefined;
+        } | {
+            id: string | undefined;
+        } | {
+            size: Size;
+        } | Record<string, never> | {
+            frame: LayoutFrame;
+        } | {
+            frame: LayoutFrame;
+            nearbyFrames: LayoutFrame[];
+            minSize: Size;
+        } | {
+            frame: LayoutFrame;
+        } | {
+            frame: LayoutFrame;
+            newSize: number;
+            minSize: number;
+        } | {
+            frame: LayoutFrame;
+            framesRequiredToBeDeleted: LayoutFrame[];
+        } | {
+            frame: LayoutFrame;
+        } | {
+            draggingFrameId: string;
+            hoveredFrameId: string;
+            zoneSide: DragZone["side"];
+        } | {
+            draggingFrameId: string;
+            hoveredFrameId: string;
+            zoneSide: DragZone["side"];
+        } | {
+            draggingFrameId: string;
+            hoveredFrameId: string;
+            zoneSide: DragZone["side"];
+        } | {
+            frame: LayoutFrame;
+        } | {
+            minFrameSize: number;
+            frameSizeNeeded: number;
+        } | {
+            min: number;
+            max: number;
+            wanted: number;
+        } | {
+            problemEdgeCoordinates: number[];
+        } | {
+            side: EdgeSide;
+            id: string;
+        } | {
+            frame: string;
+        } | {
+            frame: LayoutFrame;
+        } | {
+            frame: LayoutFrame;
+        } | {
+            frame: LayoutFrame;
+        }>, KnownError<LayoutError, {} | {
+            id: string | undefined;
+        } | {
+            id: string | undefined;
+        } | {
+            size: Size;
+        } | Record<string, never> | {
+            frame: LayoutFrame;
+        } | {
+            frame: LayoutFrame;
+            nearbyFrames: LayoutFrame[];
+            minSize: Size;
+        } | {
+            frame: LayoutFrame;
+        } | {
+            frame: LayoutFrame;
+            newSize: number;
+            minSize: number;
+        } | {
+            frame: LayoutFrame;
+            framesRequiredToBeDeleted: LayoutFrame[];
+        } | {
+            frame: LayoutFrame;
+        } | {
+            draggingFrameId: string;
+            hoveredFrameId: string;
+            zoneSide: DragZone["side"];
+        } | {
+            draggingFrameId: string;
+            hoveredFrameId: string;
+            zoneSide: DragZone["side"];
+        } | {
+            draggingFrameId: string;
+            hoveredFrameId: string;
+            zoneSide: DragZone["side"];
+        } | {
+            frame: LayoutFrame;
+        } | {
+            minFrameSize: number;
+            frameSizeNeeded: number;
+        } | {
+            min: number;
+            max: number;
+            wanted: number;
+        } | {
+            problemEdgeCoordinates: number[];
+        } | {
+            side: EdgeSide;
+            id: string;
+        } | {
+            frame: string;
+        } | {
+            frame: LayoutFrame;
+        } | {
+            frame: LayoutFrame;
+        } | {
+            frame: LayoutFrame;
+        }>>, z.ZodObject<{
+            code: z.ZodString;
+            message: z.ZodString;
+        }, z.core.$strip>]>>;
     }, 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">;
+        type: z.ZodLiteral<"rect">;
         data: z.ZodObject<{
             width: z.ZodNumber;
             height: z.ZodNumber;
@@ -350,6 +586,124 @@ declare const zBaseDeco: z.ZodObject<{
             startY: z.ZodNumber;
             endX: z.ZodNumber;
             endY: z.ZodNumber;
+            error: z.ZodOptional<z.ZodUnion<[z.ZodCustom<KnownError<LayoutError, {} | {
+                id: string | undefined;
+            } | {
+                id: string | undefined;
+            } | {
+                size: Size;
+            } | Record<string, never> | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                nearbyFrames: LayoutFrame[];
+                minSize: Size;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                newSize: number;
+                minSize: number;
+            } | {
+                frame: LayoutFrame;
+                framesRequiredToBeDeleted: LayoutFrame[];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                minFrameSize: number;
+                frameSizeNeeded: number;
+            } | {
+                min: number;
+                max: number;
+                wanted: number;
+            } | {
+                problemEdgeCoordinates: number[];
+            } | {
+                side: EdgeSide;
+                id: string;
+            } | {
+                frame: string;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            }>, KnownError<LayoutError, {} | {
+                id: string | undefined;
+            } | {
+                id: string | undefined;
+            } | {
+                size: Size;
+            } | Record<string, never> | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                nearbyFrames: LayoutFrame[];
+                minSize: Size;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                newSize: number;
+                minSize: number;
+            } | {
+                frame: LayoutFrame;
+                framesRequiredToBeDeleted: LayoutFrame[];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                minFrameSize: number;
+                frameSizeNeeded: number;
+            } | {
+                min: number;
+                max: number;
+                wanted: number;
+            } | {
+                problemEdgeCoordinates: number[];
+            } | {
+                side: EdgeSide;
+                id: string;
+            } | {
+                frame: string;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            }>>, z.ZodObject<{
+                code: z.ZodString;
+                message: z.ZodString;
+            }, z.core.$strip>]>>;
         }, z.core.$strip>;
         attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
     }, z.core.$strip>], "type">>>;
@@ -357,7 +711,7 @@ declare const zBaseDeco: z.ZodObject<{
 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">;
+        type: z.ZodLiteral<"rect">;
         data: z.ZodObject<{
             width: z.ZodNumber;
             height: z.ZodNumber;
@@ -372,6 +726,124 @@ export declare const zSplitDeco: z.ZodObject<{
             startY: z.ZodNumber;
             endX: z.ZodNumber;
             endY: z.ZodNumber;
+            error: z.ZodOptional<z.ZodUnion<[z.ZodCustom<KnownError<LayoutError, {} | {
+                id: string | undefined;
+            } | {
+                id: string | undefined;
+            } | {
+                size: Size;
+            } | Record<string, never> | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                nearbyFrames: LayoutFrame[];
+                minSize: Size;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                newSize: number;
+                minSize: number;
+            } | {
+                frame: LayoutFrame;
+                framesRequiredToBeDeleted: LayoutFrame[];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                minFrameSize: number;
+                frameSizeNeeded: number;
+            } | {
+                min: number;
+                max: number;
+                wanted: number;
+            } | {
+                problemEdgeCoordinates: number[];
+            } | {
+                side: EdgeSide;
+                id: string;
+            } | {
+                frame: string;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            }>, KnownError<LayoutError, {} | {
+                id: string | undefined;
+            } | {
+                id: string | undefined;
+            } | {
+                size: Size;
+            } | Record<string, never> | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                nearbyFrames: LayoutFrame[];
+                minSize: Size;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                newSize: number;
+                minSize: number;
+            } | {
+                frame: LayoutFrame;
+                framesRequiredToBeDeleted: LayoutFrame[];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                minFrameSize: number;
+                frameSizeNeeded: number;
+            } | {
+                min: number;
+                max: number;
+                wanted: number;
+            } | {
+                problemEdgeCoordinates: number[];
+            } | {
+                side: EdgeSide;
+                id: string;
+            } | {
+                frame: string;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            }>>, z.ZodObject<{
+                code: z.ZodString;
+                message: z.ZodString;
+            }, z.core.$strip>]>>;
         }, z.core.$strip>;
         attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
     }, z.core.$strip>], "type">>>;
@@ -400,7 +872,7 @@ 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">;
+        type: z.ZodLiteral<"rect">;
         data: z.ZodObject<{
             width: z.ZodNumber;
             height: z.ZodNumber;
@@ -415,6 +887,124 @@ declare const zCloseDeco: z.ZodObject<{
             startY: z.ZodNumber;
             endX: z.ZodNumber;
             endY: z.ZodNumber;
+            error: z.ZodOptional<z.ZodUnion<[z.ZodCustom<KnownError<LayoutError, {} | {
+                id: string | undefined;
+            } | {
+                id: string | undefined;
+            } | {
+                size: Size;
+            } | Record<string, never> | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                nearbyFrames: LayoutFrame[];
+                minSize: Size;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                newSize: number;
+                minSize: number;
+            } | {
+                frame: LayoutFrame;
+                framesRequiredToBeDeleted: LayoutFrame[];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                minFrameSize: number;
+                frameSizeNeeded: number;
+            } | {
+                min: number;
+                max: number;
+                wanted: number;
+            } | {
+                problemEdgeCoordinates: number[];
+            } | {
+                side: EdgeSide;
+                id: string;
+            } | {
+                frame: string;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            }>, KnownError<LayoutError, {} | {
+                id: string | undefined;
+            } | {
+                id: string | undefined;
+            } | {
+                size: Size;
+            } | Record<string, never> | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                nearbyFrames: LayoutFrame[];
+                minSize: Size;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                newSize: number;
+                minSize: number;
+            } | {
+                frame: LayoutFrame;
+                framesRequiredToBeDeleted: LayoutFrame[];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                minFrameSize: number;
+                frameSizeNeeded: number;
+            } | {
+                min: number;
+                max: number;
+                wanted: number;
+            } | {
+                problemEdgeCoordinates: number[];
+            } | {
+                side: EdgeSide;
+                id: string;
+            } | {
+                frame: string;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            }>>, z.ZodObject<{
+                code: z.ZodString;
+                message: z.ZodString;
+            }, z.core.$strip>]>>;
         }, z.core.$strip>;
         attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
     }, z.core.$strip>], "type">>>;
@@ -425,7 +1015,7 @@ declare const zCloseDeco: z.ZodObject<{
 export type CloseDeco = z.infer<typeof zCloseDeco>;
 declare const zFrameDragDeco: z.ZodObject<{
     shapes: z.ZodDefault<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
-        type: z.ZodLiteral<"square">;
+        type: z.ZodLiteral<"rect">;
         data: z.ZodObject<{
             width: z.ZodNumber;
             height: z.ZodNumber;
@@ -440,6 +1030,124 @@ declare const zFrameDragDeco: z.ZodObject<{
             startY: z.ZodNumber;
             endX: z.ZodNumber;
             endY: z.ZodNumber;
+            error: z.ZodOptional<z.ZodUnion<[z.ZodCustom<KnownError<LayoutError, {} | {
+                id: string | undefined;
+            } | {
+                id: string | undefined;
+            } | {
+                size: Size;
+            } | Record<string, never> | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                nearbyFrames: LayoutFrame[];
+                minSize: Size;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                newSize: number;
+                minSize: number;
+            } | {
+                frame: LayoutFrame;
+                framesRequiredToBeDeleted: LayoutFrame[];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                minFrameSize: number;
+                frameSizeNeeded: number;
+            } | {
+                min: number;
+                max: number;
+                wanted: number;
+            } | {
+                problemEdgeCoordinates: number[];
+            } | {
+                side: EdgeSide;
+                id: string;
+            } | {
+                frame: string;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            }>, KnownError<LayoutError, {} | {
+                id: string | undefined;
+            } | {
+                id: string | undefined;
+            } | {
+                size: Size;
+            } | Record<string, never> | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                nearbyFrames: LayoutFrame[];
+                minSize: Size;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                newSize: number;
+                minSize: number;
+            } | {
+                frame: LayoutFrame;
+                framesRequiredToBeDeleted: LayoutFrame[];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                minFrameSize: number;
+                frameSizeNeeded: number;
+            } | {
+                min: number;
+                max: number;
+                wanted: number;
+            } | {
+                problemEdgeCoordinates: number[];
+            } | {
+                side: EdgeSide;
+                id: string;
+            } | {
+                frame: string;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            }>>, z.ZodObject<{
+                code: z.ZodString;
+                message: z.ZodString;
+            }, z.core.$strip>]>>;
         }, z.core.$strip>;
         attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
     }, z.core.$strip>], "type">>>;
@@ -457,7 +1165,7 @@ declare const zFrameDragDeco: z.ZodObject<{
 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">;
+        type: z.ZodLiteral<"rect">;
         data: z.ZodObject<{
             width: z.ZodNumber;
             height: z.ZodNumber;
@@ -472,6 +1180,124 @@ export declare const zDeco: z.ZodUnion<readonly [z.ZodObject<{
             startY: z.ZodNumber;
             endX: z.ZodNumber;
             endY: z.ZodNumber;
+            error: z.ZodOptional<z.ZodUnion<[z.ZodCustom<KnownError<LayoutError, {} | {
+                id: string | undefined;
+            } | {
+                id: string | undefined;
+            } | {
+                size: Size;
+            } | Record<string, never> | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                nearbyFrames: LayoutFrame[];
+                minSize: Size;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                newSize: number;
+                minSize: number;
+            } | {
+                frame: LayoutFrame;
+                framesRequiredToBeDeleted: LayoutFrame[];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                minFrameSize: number;
+                frameSizeNeeded: number;
+            } | {
+                min: number;
+                max: number;
+                wanted: number;
+            } | {
+                problemEdgeCoordinates: number[];
+            } | {
+                side: EdgeSide;
+                id: string;
+            } | {
+                frame: string;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            }>, KnownError<LayoutError, {} | {
+                id: string | undefined;
+            } | {
+                id: string | undefined;
+            } | {
+                size: Size;
+            } | Record<string, never> | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                nearbyFrames: LayoutFrame[];
+                minSize: Size;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                newSize: number;
+                minSize: number;
+            } | {
+                frame: LayoutFrame;
+                framesRequiredToBeDeleted: LayoutFrame[];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                minFrameSize: number;
+                frameSizeNeeded: number;
+            } | {
+                min: number;
+                max: number;
+                wanted: number;
+            } | {
+                problemEdgeCoordinates: number[];
+            } | {
+                side: EdgeSide;
+                id: string;
+            } | {
+                frame: string;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            }>>, z.ZodObject<{
+                code: z.ZodString;
+                message: z.ZodString;
+            }, z.core.$strip>]>>;
         }, z.core.$strip>;
         attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
     }, z.core.$strip>], "type">>>;
@@ -486,7 +1312,7 @@ export declare const zDeco: z.ZodUnion<readonly [z.ZodObject<{
     }>;
 }, z.core.$strip>, z.ZodObject<{
     shapes: z.ZodDefault<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
-        type: z.ZodLiteral<"square">;
+        type: z.ZodLiteral<"rect">;
         data: z.ZodObject<{
             width: z.ZodNumber;
             height: z.ZodNumber;
@@ -501,6 +1327,124 @@ export declare const zDeco: z.ZodUnion<readonly [z.ZodObject<{
             startY: z.ZodNumber;
             endX: z.ZodNumber;
             endY: z.ZodNumber;
+            error: z.ZodOptional<z.ZodUnion<[z.ZodCustom<KnownError<LayoutError, {} | {
+                id: string | undefined;
+            } | {
+                id: string | undefined;
+            } | {
+                size: Size;
+            } | Record<string, never> | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                nearbyFrames: LayoutFrame[];
+                minSize: Size;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                newSize: number;
+                minSize: number;
+            } | {
+                frame: LayoutFrame;
+                framesRequiredToBeDeleted: LayoutFrame[];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                minFrameSize: number;
+                frameSizeNeeded: number;
+            } | {
+                min: number;
+                max: number;
+                wanted: number;
+            } | {
+                problemEdgeCoordinates: number[];
+            } | {
+                side: EdgeSide;
+                id: string;
+            } | {
+                frame: string;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            }>, KnownError<LayoutError, {} | {
+                id: string | undefined;
+            } | {
+                id: string | undefined;
+            } | {
+                size: Size;
+            } | Record<string, never> | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                nearbyFrames: LayoutFrame[];
+                minSize: Size;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                newSize: number;
+                minSize: number;
+            } | {
+                frame: LayoutFrame;
+                framesRequiredToBeDeleted: LayoutFrame[];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                minFrameSize: number;
+                frameSizeNeeded: number;
+            } | {
+                min: number;
+                max: number;
+                wanted: number;
+            } | {
+                problemEdgeCoordinates: number[];
+            } | {
+                side: EdgeSide;
+                id: string;
+            } | {
+                frame: string;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            }>>, z.ZodObject<{
+                code: z.ZodString;
+                message: z.ZodString;
+            }, z.core.$strip>]>>;
         }, z.core.$strip>;
         attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
     }, z.core.$strip>], "type">>>;
@@ -509,7 +1453,7 @@ export declare const zDeco: z.ZodUnion<readonly [z.ZodObject<{
     force: z.ZodOptional<z.ZodBoolean>;
 }, z.core.$strip>, z.ZodObject<{
     shapes: z.ZodDefault<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
-        type: z.ZodLiteral<"square">;
+        type: z.ZodLiteral<"rect">;
         data: z.ZodObject<{
             width: z.ZodNumber;
             height: z.ZodNumber;
@@ -524,6 +1468,124 @@ export declare const zDeco: z.ZodUnion<readonly [z.ZodObject<{
             startY: z.ZodNumber;
             endX: z.ZodNumber;
             endY: z.ZodNumber;
+            error: z.ZodOptional<z.ZodUnion<[z.ZodCustom<KnownError<LayoutError, {} | {
+                id: string | undefined;
+            } | {
+                id: string | undefined;
+            } | {
+                size: Size;
+            } | Record<string, never> | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                nearbyFrames: LayoutFrame[];
+                minSize: Size;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                newSize: number;
+                minSize: number;
+            } | {
+                frame: LayoutFrame;
+                framesRequiredToBeDeleted: LayoutFrame[];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                minFrameSize: number;
+                frameSizeNeeded: number;
+            } | {
+                min: number;
+                max: number;
+                wanted: number;
+            } | {
+                problemEdgeCoordinates: number[];
+            } | {
+                side: EdgeSide;
+                id: string;
+            } | {
+                frame: string;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            }>, KnownError<LayoutError, {} | {
+                id: string | undefined;
+            } | {
+                id: string | undefined;
+            } | {
+                size: Size;
+            } | Record<string, never> | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                nearbyFrames: LayoutFrame[];
+                minSize: Size;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+                newSize: number;
+                minSize: number;
+            } | {
+                frame: LayoutFrame;
+                framesRequiredToBeDeleted: LayoutFrame[];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                draggingFrameId: string;
+                hoveredFrameId: string;
+                zoneSide: DragZone["side"];
+            } | {
+                frame: LayoutFrame;
+            } | {
+                minFrameSize: number;
+                frameSizeNeeded: number;
+            } | {
+                min: number;
+                max: number;
+                wanted: number;
+            } | {
+                problemEdgeCoordinates: number[];
+            } | {
+                side: EdgeSide;
+                id: string;
+            } | {
+                frame: string;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            } | {
+                frame: LayoutFrame;
+            }>>, z.ZodObject<{
+                code: z.ZodString;
+                message: z.ZodString;
+            }, z.core.$strip>]>>;
         }, z.core.$strip>;
         attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
     }, z.core.$strip>], "type">>>;
@@ -557,12 +1619,14 @@ export declare const LAYOUT_ERROR: {
     CANT_SPLIT_DOCKED_FRAME: "CANT_SPLIT_DOCKED_FRAME";
     NO_SPACE_TO_REDISTRIBUTE: "NO_SPACE_TO_REDISTRIBUTE";
     REDISTRIBUTE_OUT_OF_BOUNDS: "REDISTRIBUTE_OUT_OF_BOUNDS";
+    REDISTRIBUTE_WOULD_RESULT_IN_INVALID_FRAMES: "REDISTRIBUTE_WOULD_RESULT_IN_INVALID_FRAMES";
     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";
+    CANT_RESIZE_COLLAPSED_FRAME: "CANT_RESIZE_COLLAPSED_FRAME";
 };
 export type LayoutError = EnumLike<typeof LAYOUT_ERROR>;
 export type LayoutErrorInfo<T extends LayoutError> = LayoutErrorsInfo[T] extends undefined ? never : LayoutErrorsInfo[T];
@@ -643,6 +1707,12 @@ export type LayoutErrorsInfo = {
         frame: LayoutFrame;
     };
     [LAYOUT_ERROR.NO_FILL_CANDIDATES]: {};
+    [LAYOUT_ERROR.CANT_RESIZE_COLLAPSED_FRAME]: {
+        frame: LayoutFrame;
+    };
+    [LAYOUT_ERROR.REDISTRIBUTE_WOULD_RESULT_IN_INVALID_FRAMES]: {
+        problemEdgeCoordinates: number[];
+    };
 };
 export type HasOpposite = Direction | EdgeSide | ExtendedDirection | ExtendedEdgeSide | keyof Point | keyof Size;
 export type BaseDragZone = {
@@ -723,26 +1793,169 @@ export declare const zFrameCreate: z.ZodObject<{
     }>>;
     collapsed: z.ZodOptional<z.ZodNumber>;
 }, z.core.$loose>;
-export type LayoutShapeSquareProps = {
-    css: BaseSquareCss;
+export type LayoutShapeRectProps = {
+    css: BaseRectCss;
 };
-export type LayoutEdgesProps = {
-    edges: Edge[];
-    intersections: IntersectionEntry[];
-    /** The owning window, needed so we can correctly scale coordinates. */
-    win: LayoutWindow;
-    /** The active frame, used to render the active edges. Calculate it from the `frames` returned by `useFrames` composable because otherwise it will be the wrong size while dragging. */
-    activeFrame?: LayoutFrame;
-    draggingEdge?: Edge;
-    draggingIntersection?: IntersectionEntry;
-} & Partial<LayoutShapeSquareProps>;
 export type LayoutChange<TInfo = never> = {
     modified: LayoutFrame[];
     created: LayoutFrame[];
     deleted: LayoutFrame[];
+    window?: Partial<LayoutWindow>;
     info?: TInfo;
 };
-export type LayoutFrameProps = {
-    frame: LayoutFrame;
-    isActiveFrame: boolean;
-} & Partial<LayoutShapeSquareProps>;
+export type DragState = {
+    /** The current directions in the corresponding orientations that the user is dragging in. */
+    dragDirections: Record<Orientation, Direction | undefined>;
+    /** The curren point (in scaled window coordinates) the user is dragging at. */
+    dragPoint?: Point;
+    /** Whether the user is currently dragging and what type of drag. Is truthy string during all drag events. */
+    isDragging: boolean | "frame" | "edge";
+    /** Whether to show the moved frames while dragging. */
+    showDragging: boolean;
+    /** The frame being dragged during a frame drag. Only set when isDragging is "frame". */
+    draggingFrameId?: FrameId;
+    /**
+     * The edges that are currently being dragged. There are multiple edges if they drag an intersection since what's actually happening is we're just dragging the closest horizontal and vertical edges.
+     */
+    draggingEdges: Edge[];
+    /**
+     * The intersection that is currently being dragged.
+     */
+    draggingIntersection?: IntersectionEntry;
+    /** The "visual" edges that can be displayed for dragging. See {@link getVisualEdges} */
+    visualEdges: Edge[];
+    /**
+     * The frames touching the currently dragged edges. Each entry corresponds to the frames touching the corresponding dragging edge.
+     *
+     * So you can use the index in draggingEdges to get the corresponding frames.
+     */
+    touchingFrames: Record<string, LayoutFrame>[];
+    /**
+     * Same as touchingFrames, but with the frames in an array.
+     */
+    touchingFramesArrays: LayoutFrame[][];
+    /**
+     * All the frames, with/without the currently dragged frames depending on if `showDragging` is true.
+     */
+    frames: Record<string, LayoutFrame>;
+    /**
+     * The frame that is currently being hovered over (according to whether `dragPoint` in in the frame or not).
+     */
+    dragHoveredFrame: LayoutFrame | undefined;
+    /**
+     * A list of corner intersections. Frames can also be dragged by these.
+     */
+    intersections: IntersectionEntry[];
+    /**
+     * Whether the drag was initiated from a point along the window edge.
+     */
+    isDraggingFromWindowEdge: boolean;
+    win: LayoutWindow;
+};
+export interface ActionDragChangeResult {
+    /** Whether the drag should update the edges. Defaults to false. */
+    updateEdges?: boolean;
+    /** Deco shapes produced by this action during this drag step. */
+    shapes: LayoutShape[];
+    /** Whether to show the moved edges while dragging. Defaults to true. */
+    showDragging?: boolean;
+}
+export type DragChangeResult = Omit<ActionDragChangeResult, "shapes">;
+/**
+ * Called when the drag coordinates change (during any event).
+ *
+ * Should return `{ allowed: true/false, shapes: LayoutShape[] }` to control whether the action is allowed and edges update and what deco shapes to render.
+ *
+ * Note that the allowed return type only affect the `move` event but is also typed as `boolean` for other events for ease of use.
+ */
+export type DragChangeHandler = <T extends "start" | "move" | "end">(type: T, e: T extends "end" ? PointerEvent | undefined : PointerEvent, state: DragState, forceRecalculateEdges: () => void, cancel: (e: PointerEvent | KeyboardEvent | undefined, state: DragState) => void) => ActionDragChangeResult;
+/**
+ * A drag action describes when and how to handle a drag event.
+ *
+ * For example, there are the default split/close actions that can be triggered in certain situations. This could be when holding down a modifier or key, or some other condition (e.g. the user is dragging a specific edge).
+ *
+ * Each action should handle it's configuration and saving/caching any state it needs. See {@link SplitAction} and {@link CloseAction} for examples.
+ */
+export interface IDragAction {
+    /** A unique name for your action. */
+    name: string;
+    onDragChange: DragChangeHandler;
+    /**
+     *
+     * Is called after `onDragChange("end")` with the same event. Might not be called if the request was cancelled.
+     *
+     * You should apply your action if possible and return whether it was applied.
+     *
+     * This is also a good place to reset your state.
+     */
+    onDragApply: (state: DragState, forceRecalculateEdges: () => void) => boolean;
+    /**
+     * Should return true if it should handle the "request"/event (e.g. some modifier is being pressed => user is requesting x action).
+     *
+     * The user is not necessarily dragging at this point, though they might also change actions mid drag. So it does not necessarily mean the event is allowed.
+     *
+     * Here is where you should initiate your state. Don't allow the action by default unless it can always be allowed.
+     */
+    canHandleRequest(e: KeyboardEvent | PointerEvent, state: DragState, forceRecalculateEdges: () => void): boolean;
+    /**
+     * Called when a user cancels the drag action.
+     *
+     * You should reset your state here.
+     */
+    cancel(e: PointerEvent | KeyboardEvent | undefined, state: DragState): void;
+    /**
+     * Plugins should implement some basic debug logs by calling {@link DragActionHandler.debugState } at least before and after applying actions in onDragApply. Debug can be a string because it can be an object key to filter on (see the debugState function).
+     *
+     *
+     * Calls look like this usually, where this.state is the plugin state:
+     * ```ts
+     * DragActionHandler.debugState(this.name, "before", state, this.state, this.debug)
+     * ```
+     */
+    debug: boolean | string;
+    /**
+     * The action handler will call this regardless of whether the action is active or not.
+     *
+     * Can be used by actions to return display hints.
+     *
+     * Actions should keep the state of the hints locally and update them in canHandlerRequest/onDrag*, etc. and only use this to return the state of the actions, not update them as that could become expensive.
+     */
+    getTextHints(type: "start" | "move" | "end"): {
+        /** Hint texts to display regarding the action state/usage. Undefined means no hint. */
+        actions?: string[];
+        /** Error texts/hints to display when the action produces an error. */
+        errors?: string[];
+    };
+    /**
+     * Called after visual edges are recalculated, once per edge. Action handlers can annotate edges with error info here ({@link Edge.error}).
+     *
+     * When `LayoutEdges` sees an error it adds the message as the title and the following classes:
+     * - `data-error` attribute with the error message
+     * - class `drag-edge-errored` on the thick drag handle
+     * - class `edge-errored` on the thin visual edge
+     *
+     * Tailwind example to style errored edges:
+     * ```css
+     * [&_.drag-edge-errored]:cursor-not-allowed
+     * [&_.drag-edge-errored]:bg-red-500/30
+     * [&_.edge-errored]:bg-red-500/20
+     * ```
+     *
+     * Regarding the title, this is a temporary solution until lib is refactored to more composable components.
+     *
+     * NOTE: Annotation does NOT prevent dragging/events on edges.
+     */
+    annotateEdge?(edge: Edge, frames: LayoutFrame[]): void;
+}
+export type EdgeDragStartData = {
+    edge?: Edge;
+    intersection?: IntersectionEntry;
+};
+export type FrameDragStartData = {
+    frameId: FrameId;
+};
+export type DragStartFn = {
+    (e: PointerEvent, type: "edge", data: EdgeDragStartData): void;
+    (e: PointerEvent, type: "frame", data: FrameDragStartData): void;
+};
+export type * from "./vue.js";