@gustavolmo/react-window-manager 0.2.1 → 0.3.1

package/dist/index.js

@@ -1,264 +1,13 @@
-// src/window-manager/window-store-factory.tsx
-import { create } from "zustand";
-var windowRegistry = {};
-var createWindowStore = (windowId, bottomOffsetPx) => {
-  if (windowRegistry[windowId])
-    console.error("This store ID is already in use: " + windowId);
-  const zIndexAtLaunch = Object.keys(windowRegistry).length + 1;
-  const storeInstance = create((set, get) => ({
-    windowId,
-    isActive: false,
-    setIsActive: (isActive) => set({ isActive }),
-    resetFlag: false,
-    reset: () => set({ resetFlag: !get().resetFlag, isWinMinimized: true }),
-    zIndex: zIndexAtLaunch,
-    setZIndex: (newIndex) => set({ zIndex: newIndex }),
-    self: void 0,
-    setSelf: (ref) => set({ self: ref }),
-    winVisualState: "demaximized",
-    setWinVisualState: (newState) => set({ winVisualState: newState }),
-    isWinMinimized: true,
-    setIsWinMinimized: (isMini) => set({ isWinMinimized: isMini }),
-    dragClickOffset: { pointX: 0, pointY: 0 },
-    setDragClickOffset: (newCoord) => set({ dragClickOffset: { pointX: newCoord.pointX, pointY: newCoord.pointY } }),
-    isDragging: false,
-    setIsDragging: (updatedIsDragging) => set({ isDragging: updatedIsDragging }),
-    winCoord: { pointX: 40, pointY: 40 },
-    setWinCoord: (newWinCoord) => set({ winCoord: { pointX: newWinCoord.pointX, pointY: newWinCoord.pointY } }),
-    isResizing: false,
-    setIsResizing: (updatedIsResizing) => set({ isResizing: updatedIsResizing }),
-    winWidth: window.innerWidth * 0.95,
-    setWinWidth: (newWinWidth) => set({ winWidth: newWinWidth }),
-    winHeight: window.innerHeight * 0.75,
-    setWinHeight: (newWinHeight) => set({ winHeight: newWinHeight }),
-    stopDragAndResize: () => set({ isDragging: false, isResizing: false }),
-    maximizeWindow: () => {
-      set({
-        winCoord: { pointX: 0, pointY: 0 },
-        winHeight: window.innerHeight - bottomOffsetPx,
-        winWidth: window.innerWidth,
-        winVisualState: "maximized"
-      });
-    },
-    demaximizeWindow: () => {
-      set({
-        winCoord: { pointX: 40, pointY: 40 },
-        winWidth: window.innerWidth * 0.95,
-        winHeight: window.innerHeight * 0.75,
-        winVisualState: "demaximized"
-      });
-    },
-    minimizeWindow: () => set({ isWinMinimized: true }),
-    openWindow: () => {
-      const winRef = get().self;
-      if (get().isWinMinimized && winRef?.current) {
-        set({ isWinMinimized: false });
-        winRef.current.style.transform = "translate(0, 0) scale(1)";
-      }
-    },
-    dockWindowRight: () => {
-      set({
-        winCoord: { pointX: window.innerWidth / 2, pointY: 0 },
-        winWidth: window.innerWidth / 2,
-        winHeight: window.innerHeight - bottomOffsetPx,
-        winVisualState: "demaximized"
-      });
-    },
-    dockWindowLeft: () => {
-      set({
-        winCoord: { pointX: 0, pointY: 0 },
-        winWidth: window.innerWidth / 2,
-        winHeight: window.innerHeight - bottomOffsetPx,
-        winVisualState: "demaximized"
-      });
-    },
-    dockWindowTop: () => {
-      set({
-        winCoord: { pointX: 0, pointY: 0 },
-        winWidth: window.innerWidth,
-        winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,
-        winVisualState: "demaximized"
-      });
-    },
-    dockWindowBottom: () => {
-      set({
-        winCoord: { pointX: 0, pointY: window.innerHeight / 2 - bottomOffsetPx / 2 },
-        winWidth: window.innerWidth,
-        winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,
-        winVisualState: "demaximized"
-      });
-    },
-    dockWindowBottomRight: () => set({
-      winCoord: {
-        pointX: window.innerWidth / 2,
-        pointY: window.innerHeight / 2 - bottomOffsetPx / 2
-      },
-      winWidth: window.innerWidth / 2,
-      winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,
-      winVisualState: "demaximized"
-    }),
-    dockWindowTopRight: () => set({
-      winCoord: { pointX: window.innerWidth / 2, pointY: 0 },
-      winWidth: window.innerWidth / 2,
-      winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,
-      winVisualState: "demaximized"
-    }),
-    dockWindowBottomLeft: () => set({
-      winCoord: { pointX: 0, pointY: window.innerHeight / 2 - bottomOffsetPx / 2 },
-      winWidth: window.innerWidth / 2,
-      winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,
-      winVisualState: "demaximized"
-    }),
-    dockWindowTopLeft: () => set({
-      winCoord: { pointX: 0, pointY: 0 },
-      winWidth: window.innerWidth / 2,
-      winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,
-      winVisualState: "demaximized"
-    }),
-    WIN_MIN_WIDTH: 232,
-    WIN_MIN_HEIGHT: 128,
-    setWIN_MIN_WIDTH: (w) => set({ WIN_MIN_WIDTH: w }),
-    setWIN_MIN_HEIGHT: (h) => set({ WIN_MIN_HEIGHT: h })
-  }));
-  windowRegistry[windowId] = storeInstance;
-  return storeInstance;
-};
+// src/window-manager/registration/window-store-factory.tsx
+import { create as create3 } from "zustand";
 
-// src/window-manager/global-actions/window-global-actions.ts
-var stopAllDragAndResize = () => {
-  for (const key of Object.keys(windowRegistry)) {
-    windowRegistry[key].getState().stopDragAndResize();
-  }
-};
-var resetAllWindows = () => {
-  for (const key of Object.keys(windowRegistry)) {
-    windowRegistry[key].getState().reset();
-  }
-};
-var bringTargetWindowToFront = (targetId) => {
-  const targetWindow = windowRegistry[targetId].getState();
-  for (const key of Object.keys(windowRegistry)) {
-    const window2 = windowRegistry[key].getState();
-    if (window2.windowId === targetWindow.windowId) {
-      continue;
-    }
-    window2.setIsActive(false);
-    if (window2.zIndex >= targetWindow.zIndex) {
-      window2.setZIndex(window2.zIndex - 1);
-    }
-  }
-  targetWindow.setZIndex(Object.keys(windowRegistry).length);
-  targetWindow.setIsActive(true);
-};
-var getOpenedWindowCount = () => {
-  let openWnidowCount = 0;
-  for (const key of Object.keys(windowRegistry)) {
-    if (!windowRegistry[key].getState().isWinMinimized)
-      openWnidowCount++;
-  }
-  return openWnidowCount;
-};
+// src/window-manager/internal/features/window-layout.tsx
+import { useEffect as useEffect3, useRef } from "react";
 
-// src/window-manager/window-button.tsx
+// src/window-manager/internal/assets/svg-win-icons.tsx
 import { jsx } from "react/jsx-runtime";
-function WindowButton({
-  children,
-  useWindowStore,
-  className,
-  isClosedClassName = "brightness-[85%]",
-  isOpenClassName = "brightness-150"
-}) {
-  const { openWindow, minimizeWindow, isWinMinimized, windowId, isActive } = useWindowStore();
-  const handleOpenCloseWin = () => {
-    if (isWinMinimized) {
-      bringTargetWindowToFront(windowId);
-      openWindow();
-      return;
-    }
-    if (isActive) {
-      minimizeWindow();
-    }
-    bringTargetWindowToFront(windowId);
-  };
+function IconWinMaximize({ color }) {
   return /* @__PURE__ */ jsx(
-    "button",
-    {
-      id: `${windowId}_button`,
-      onClick: handleOpenCloseWin,
-      className: `
-        ${className} 
-        ${isWinMinimized ? isClosedClassName : isOpenClassName}`,
-      children
-    }
-  );
-}
-
-// src/screen-manager/cursor-state.ts
-import { create as create2 } from "zustand";
-var useCursorState = create2((set) => ({
-  x: 10,
-  y: 10,
-  setX: (newX) => set({ x: newX }),
-  setY: (newY) => set({ y: newY })
-}));
-
-// src/screen-manager/screen-listeners.tsx
-import { useEffect } from "react";
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
-function ScreenListeners() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2(CursorCoordinates, {}),
-    /* @__PURE__ */ jsx2(WindowResizeReset, {})
-  ] });
-}
-function WindowResizeReset() {
-  useEffect(() => {
-    const handleWindowResize = () => {
-      resetAllWindows();
-    };
-    window.addEventListener("resize", handleWindowResize);
-    return () => document.removeEventListener("pointermove", handleWindowResize);
-  }, []);
-  return /* @__PURE__ */ jsx2(Fragment, {});
-}
-function CursorCoordinates() {
-  const { setX, setY } = useCursorState();
-  useEffect(() => {
-    const handleWindowPosition = (e) => {
-      e.preventDefault();
-      setX(e.clientX);
-      setY(e.clientY);
-    };
-    document.addEventListener("pointermove", handleWindowPosition);
-    return () => document.removeEventListener("pointermove", handleWindowPosition);
-  }, [setX, setY]);
-  return /* @__PURE__ */ jsx2(Fragment, {});
-}
-
-// src/window-manager/workspace-layout.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function WorkspaceLayout({ children }) {
-  return /* @__PURE__ */ jsxs2(
-    "main",
-    {
-      onMouseLeave: stopAllDragAndResize,
-      onMouseUp: stopAllDragAndResize,
-      className: "absolute overflow-hidden h-full w-full touch-none",
-      children: [
-        /* @__PURE__ */ jsx3(ScreenListeners, {}),
-        children
-      ]
-    }
-  );
-}
-
-// src/window-manager/window-layout.tsx
-import { useEffect as useEffect4, useRef } from "react";
-
-// src/window-assets/svg-win-icons.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-function iconWinMaximize(color) {
-  return /* @__PURE__ */ jsx4(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -270,7 +19,7 @@ function iconWinMaximize(color) {
       stroke: color ? color : "#cccccc",
       color: color ? color : "#cccccc",
       className: "size-6",
-      children: /* @__PURE__ */ jsx4(
+      children: /* @__PURE__ */ jsx(
         "path",
         {
           strokeLinecap: "round",
@@ -281,8 +30,8 @@ function iconWinMaximize(color) {
     }
   );
 }
-function iconWinDemaximize(color) {
-  return /* @__PURE__ */ jsx4(
+function IconWinDemaximize({ color }) {
+  return /* @__PURE__ */ jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -294,7 +43,7 @@ function iconWinDemaximize(color) {
       stroke: color ? color : "#cccccc",
       color: color ? color : "#cccccc",
       className: "size-6",
-      children: /* @__PURE__ */ jsx4(
+      children: /* @__PURE__ */ jsx(
         "path",
         {
           strokeLinecap: "round",
@@ -305,8 +54,8 @@ function iconWinDemaximize(color) {
     }
   );
 }
-function iconWinMinimize(color) {
-  return /* @__PURE__ */ jsx4(
+function IconWinMinimize({ color }) {
+  return /* @__PURE__ */ jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -318,354 +67,362 @@ function iconWinMinimize(color) {
       stroke: color ? color : "#cccccc",
       color: color ? color : "#cccccc",
       className: "size-6",
-      children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" })
+      children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" })
     }
   );
 }
 
-// src/window-manager/components/docking-controls.tsx
-import { useEffect as useEffect2, useState } from "react";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-function DockingControls({ useWindowStore }) {
-  const {
-    isDragging,
-    dockWindowRight,
-    dockWindowLeft,
-    dockWindowBottom,
-    dockWindowTop,
-    dockWindowTopLeft,
-    dockWindowBottomLeft,
-    dockWindowTopRight,
-    dockWindowBottomRight
-  } = useWindowStore();
-  const [isVisible, setIsVisible] = useState(false);
-  const [isHovering, setIsHovering] = useState(false);
-  useEffect2(() => {
-    let dealy;
-    if (isDragging) {
-      dealy = setTimeout(() => {
-        setIsVisible(true);
-      }, 100);
-    } else {
-      setIsVisible(false);
-    }
-    return () => clearTimeout(dealy);
-  }, [isDragging]);
-  const cornerDockControl = /* @__PURE__ */ jsxs3("div", { className: `flex xl:p-0 shrink-0 gap-0.5`, children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col justify-center gap-0.5", children: [
-      /* @__PURE__ */ jsx5(
-        "button",
-        {
-          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-10 h-6 rounded-sm",
-          onMouseUp: dockWindowTopLeft
-        }
-      ),
-      /* @__PURE__ */ jsx5(
-        "button",
-        {
-          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-10 h-6 rounded-sm",
-          onMouseUp: dockWindowBottomLeft
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col justify-center gap-0.5", children: [
-      /* @__PURE__ */ jsx5(
-        "button",
-        {
-          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-10 h-6 rounded-sm",
-          onMouseUp: dockWindowTopRight
-        }
-      ),
-      /* @__PURE__ */ jsx5(
-        "button",
-        {
-          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-10 h-6 rounded-sm",
-          onMouseUp: dockWindowBottomRight
-        }
-      )
-    ] })
-  ] });
-  const sideDideControl = /* @__PURE__ */ jsxs3("div", { className: `flex shrink-0 items-center gap-0.5`, children: [
-    /* @__PURE__ */ jsx5(
-      "button",
-      {
-        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-8 h-12 rounded-sm",
-        onMouseUp: dockWindowLeft
-      }
-    ),
-    /* @__PURE__ */ jsx5(
-      "button",
-      {
-        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-8 h-12 rounded-sm",
-        onMouseUp: dockWindowRight
-      }
-    )
-  ] });
-  const horizontalDockControl = /* @__PURE__ */ jsxs3("div", { className: `flex flex-col shrink-0 items-center gap-0.5`, children: [
-    /* @__PURE__ */ jsx5(
-      "button",
-      {
-        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-14 h-6 rounded-sm",
-        onMouseUp: dockWindowTop
-      }
-    ),
-    /* @__PURE__ */ jsx5(
-      "button",
-      {
-        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-14 h-6 rounded-sm",
-        onMouseUp: dockWindowBottom
-      }
-    )
-  ] });
-  const windowDockPannel = /* @__PURE__ */ jsx5(
-    "span",
-    {
-      className: "pointer-events-auto px-4 pb-4",
-      onMouseOver: () => setIsHovering(true),
-      onMouseLeave: () => setIsHovering(false),
-      children: /* @__PURE__ */ jsxs3(
-        "section",
-        {
-          className: `
-        flex w-fit border border-zinc-600 border-t-0 rounded-b-md bg-zinc-800 
-        overflow-hidden px-8 gap-4 h-full py-4 
-        `,
-          children: [
-            cornerDockControl,
-            horizontalDockControl,
-            sideDideControl
-          ]
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ jsx5(
-    "div",
-    {
-      className: `
-        ${isVisible ? isHovering ? "top-0 opacity-50" : "top-[-68px] opacity-80" : "top-[-104px] opacity-0"} 
-        transition-all duration-500
-        absolute z-50 flex items-center justify-center 
-        w-full mx-auto pointer-events-none`,
-      children: windowDockPannel
-    }
-  );
-}
+// src/window-manager/internal/features/cursor/cursor-state.ts
+import { create } from "zustand";
+var useCursorState = create((set) => ({
+  x: 10,
+  y: 10,
+  setX: (newX) => set({ x: newX }),
+  setY: (newY) => set({ y: newY })
+}));
 
-// src/window-manager/components/resizing-controls.tsx
-import { useEffect as useEffect3 } from "react";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-function ResizingControls({ useWindowStore, windowRef }) {
-  const { x, y } = useCursorState();
-  const {
-    windowId,
-    setWinVisualState,
-    winCoord,
-    setWinCoord,
-    isResizing,
-    setIsResizing,
-    winWidth,
-    setWinWidth,
-    winHeight,
-    setWinHeight,
-    WIN_MIN_WIDTH,
-    WIN_MIN_HEIGHT
-  } = useWindowStore();
-  useEffect3(() => {
-    if (!isResizing)
+// src/window-manager/internal/features/resizing/resizing-controls.tsx
+import { useEffect } from "react";
+
+// src/window-manager/internal/features/workspace/workspace-state.ts
+import { create as create2 } from "zustand";
+var useWorkspaceState = create2((set) => ({
+  ref: null,
+  setRef: (newRef) => set({ ref: newRef }),
+  activeWindowId: "react-dynamic-window-instance0",
+  setActiveWindowId: (newId) => set({ activeWindowId: newId }),
+  responsiveBreak: "sm",
+  setResponsiveBreak: (breakPoint) => set({ responsiveBreak: breakPoint })
+}));
+
+// src/window-manager/internal/features/workspace/workspace-api.ts
+var wsApi = {
+  getRect: () => {
+    const rect = useWorkspaceState.getState().ref?.getBoundingClientRect();
+    const top = rect?.top ?? 0;
+    const left = rect?.left ?? 0;
+    const innerHeight = rect?.height ?? 0;
+    const innerWidth = rect?.width ?? 0;
+    const bottom = top + innerHeight;
+    const right = left + innerWidth;
+    const centerX = left + innerWidth / 2;
+    const centerY = top + innerHeight / 2;
+    const wsWindow = {
+      top,
+      left,
+      innerHeight,
+      innerWidth,
+      bottom,
+      right,
+      centerX,
+      centerY
+    };
+    return wsWindow;
+  },
+  isBelowBreakPoint: () => {
+    const wsRect = wsApi.getRect();
+    const breakPoint = useWorkspaceState.getState().responsiveBreak;
+    return wsRect.innerWidth < responsiveBreakInPx(breakPoint);
+  }
+};
+var responsiveBreakInPx = (breakPoint) => {
+  switch (breakPoint) {
+    case "sm":
+      return 640;
+    case "md":
+      return 768;
+    case "lg":
+      return 1024;
+    case "xl":
+      return 1280;
+    case "never":
+      return 0;
+    case "always":
+      return Infinity;
+    default:
+      return breakPoint;
+  }
+};
+
+// src/window-manager/internal/features/resizing/resizing-api.ts
+var resizeApi = {
+  stopAllDragAndResize: () => {
+    for (const key of Object.keys(windowRegistry)) {
+      windowRegistry[key].getState().isDragging = false;
+      windowRegistry[key].getState().resizeAction = false;
+    }
+  },
+  setResizeAction: (winId, action) => {
+    windowRegistry[winId].setState({ resizeAction: action });
+  },
+  dispatchResizeAction: (winId) => {
+    const ctx = getDependencies(winId);
+    if (!ctx.win.resizeAction)
       return;
-    setWinVisualState("demaximized");
-    if (isResizing === "bottom-height")
-      resizeBottomWinHeight();
-    if (isResizing === "top-height")
-      resizeTopWinHeight();
-    if (isResizing === "right-width")
-      resizeRightWinWidth();
-    if (isResizing === "left-width")
-      resizeLeftWinWidth();
-    if (isResizing === "bottom-right-all")
-      resizeRightBottomWidthAndHeight();
-    if (isResizing === "bottom-left-all")
-      resizeLeftBottomWidthAndHeight();
-    if (isResizing === "top-right-all")
-      resizeRightTopWidthAndHeight();
-    if (isResizing === "top-left-all")
-      resizeLeftTopWidthAndHeight();
-  }, [isResizing, x, y]);
-  const resizeRightWinWidth = () => {
-    const winBox = windowRef.current?.getBoundingClientRect();
+    ctx.win.setWinVisualState("demaximized");
+    switch (ctx.win.resizeAction) {
+      case "s":
+        privateApi.resizeBottomWinHeight(ctx);
+        break;
+      case "n":
+        privateApi.resizeTopWinHeight(ctx);
+        break;
+      case "e":
+        privateApi.resizeRightWinWidth(ctx);
+        break;
+      case "w":
+        privateApi.resizeLeftWinWidth(ctx);
+        break;
+      case "se":
+        privateApi.resizeRightBottomWidthAndHeight(ctx);
+        break;
+      case "sw":
+        privateApi.resizeLeftBottomWidthAndHeight(ctx);
+        break;
+      case "ne":
+        privateApi.resizeRightTopWidthAndHeight(ctx);
+        break;
+      case "nw":
+        privateApi.resizeLeftTopWidthAndHeight(ctx);
+        break;
+    }
+  }
+};
+var privateApi = {
+  resizeRightWinWidth: (resizeCtx) => {
+    const { wsRect, win, winBox, x, y } = resizeCtx;
     if (!winBox)
       return;
-    const minWinWidth = x - winBox.left < WIN_MIN_WIDTH;
+    const minWinWidth = x - winBox.left < win.WIN_MIN_WIDTH;
     if (minWinWidth)
       return;
-    const cursorOutOfBounds = x > window.innerWidth || x < 0;
+    const cursorOutOfBounds = x > wsRect.right || x < wsRect.left;
     if (cursorOutOfBounds)
       return;
     const sizeDiff = x - winBox.right;
-    setWinWidth(winWidth + sizeDiff);
-  };
-  const resizeLeftWinWidth = () => {
-    const winBox = windowRef.current?.getBoundingClientRect();
+    win.setWinWidth(win.winWidth + sizeDiff);
+  },
+  resizeLeftWinWidth: (resizeCtx) => {
+    const { wsRect, win, winBox, x, y } = resizeCtx;
     if (!winBox)
       return;
-    const minWinWidth = winBox.right - x <= WIN_MIN_WIDTH;
+    const minWinWidth = winBox.right - x <= win.WIN_MIN_WIDTH;
     if (minWinWidth)
       return;
-    const cursorOutOfBounds = x > window.innerWidth || x < 0;
+    const cursorOutOfBounds = x > wsRect.right || x < wsRect.left;
     if (cursorOutOfBounds)
       return;
     const sizeDiff = winBox.left - x;
-    setWinWidth(winWidth + sizeDiff);
-    setWinCoord({ pointX: x, pointY: winCoord.pointY });
-  };
-  const resizeTopWinHeight = () => {
-    const winBox = windowRef.current?.getBoundingClientRect();
+    win.setWinWidth(win.winWidth + sizeDiff);
+    win.setWinCoord({ pointX: x, pointY: win.winCoord.pointY });
+  },
+  resizeTopWinHeight: (resizeCtx) => {
+    const { wsRect, win, winBox, x, y } = resizeCtx;
     if (!winBox)
       return;
-    const minWinHeight = winBox.bottom - y <= WIN_MIN_HEIGHT;
+    const minWinHeight = winBox.bottom - y <= win.WIN_MIN_HEIGHT;
     if (minWinHeight)
       return;
-    const cursorOutOfBounds = y > window.innerHeight || y < 0;
+    const cursorOutOfBounds = y > wsRect.bottom || y < wsRect.top;
     if (cursorOutOfBounds)
       return;
     const sizeDiff = winBox.top - y;
-    setWinHeight(winHeight + sizeDiff);
-    setWinCoord({ pointX: winCoord.pointX, pointY: y });
-  };
-  const resizeBottomWinHeight = () => {
-    const winBox = windowRef.current?.getBoundingClientRect();
+    win.setWinHeight(win.winHeight + sizeDiff);
+    win.setWinCoord({ pointX: win.winCoord.pointX, pointY: y });
+  },
+  resizeBottomWinHeight: (resizeCtx) => {
+    const { wsRect, win, winBox, x, y } = resizeCtx;
     if (!winBox)
       return;
-    const minWinHeight = y - winBox.top < WIN_MIN_HEIGHT;
+    const minWinHeight = y - winBox.top < win.WIN_MIN_HEIGHT;
     if (minWinHeight)
       return;
-    const cursorOutOfBounds = y > window.innerHeight || y < 0;
+    const cursorOutOfBounds = y > wsRect.bottom || y < wsRect.top;
     if (cursorOutOfBounds)
       return;
     const sizeDiff = y - winBox.bottom;
-    setWinHeight(winHeight + sizeDiff);
-  };
-  const resizeRightBottomWidthAndHeight = () => {
-    resizeRightWinWidth();
-    resizeBottomWinHeight();
-  };
-  const resizeLeftBottomWidthAndHeight = () => {
-    resizeLeftWinWidth();
-    resizeBottomWinHeight();
-  };
-  const resizeRightTopWidthAndHeight = () => {
-    resizeRightWinWidth();
-    resizeTopWinHeight();
-  };
-  const resizeLeftTopWidthAndHeight = () => {
-    const winBox = windowRef.current?.getBoundingClientRect();
+    win.setWinHeight(win.winHeight + sizeDiff);
+  },
+  resizeRightBottomWidthAndHeight: (resizeCtx) => {
+    privateApi.resizeRightWinWidth(resizeCtx);
+    privateApi.resizeBottomWinHeight(resizeCtx);
+  },
+  resizeLeftBottomWidthAndHeight: (resizeCtx) => {
+    privateApi.resizeLeftWinWidth(resizeCtx);
+    privateApi.resizeBottomWinHeight(resizeCtx);
+  },
+  resizeRightTopWidthAndHeight: (resizeCtx) => {
+    privateApi.resizeRightWinWidth(resizeCtx);
+    privateApi.resizeTopWinHeight(resizeCtx);
+  },
+  /**
+   * @note this specific case needs it's own logic instead of simply calling
+   * resizeLeftWinWidth & resizeTopWinHeight. Since both manipulate
+   * winWidth, winHeight and winCoord, one's logic will override the other
+   */
+  resizeLeftTopWidthAndHeight: (resizeCtx) => {
+    const { wsRect, win, winBox, x, y } = resizeCtx;
     if (!winBox)
       return;
-    const cursorOutOfBoundsY = y > window.innerHeight || y < 0;
-    const cursorOutOfBoundsX = x > window.innerWidth || x < 0;
+    const cursorOutOfBoundsY = y > wsRect.bottom || y < wsRect.top;
+    const cursorOutOfBoundsX = x > wsRect.right || x < wsRect.left;
     if (cursorOutOfBoundsY || cursorOutOfBoundsX)
       return;
-    const minWinHeight = winBox.bottom - y <= WIN_MIN_HEIGHT;
-    const minWinWidth = winBox.right - x <= WIN_MIN_WIDTH;
-    setWinCoord({
-      pointX: minWinWidth ? winCoord.pointX : x,
-      pointY: minWinHeight ? winCoord.pointY : y
+    const minWinHeight = winBox.bottom - y <= win.WIN_MIN_HEIGHT;
+    const minWinWidth = winBox.right - x <= win.WIN_MIN_WIDTH;
+    win.setWinCoord({
+      pointX: minWinWidth ? win.winCoord.pointX : x,
+      pointY: minWinHeight ? win.winCoord.pointY : y
     });
     if (!minWinHeight) {
       const sizeDiffY = winBox.top - y;
-      setWinHeight(winHeight + sizeDiffY);
+      win.setWinHeight(win.winHeight + sizeDiffY);
     }
     if (!minWinWidth) {
       const sizeDiffX = winBox.left - x;
-      setWinWidth(winWidth + sizeDiffX);
+      win.setWinWidth(win.winWidth + sizeDiffX);
     }
-  };
-  const handleResizeClick = (isResizing2) => {
-    setIsResizing(isResizing2);
-    setRemoteIsResizing(isResizing2);
-  };
-  const setRemoteIsResizing = (currentResize) => {
-    const tolerance = 4;
-    const allowDistantResize = getOpenedWindowCount() >= 3;
+  }
+};
+var getDependencies = (winId) => {
+  const wsRect = wsApi.getRect();
+  const win = windowRegistry[winId].getState();
+  const winBox = win.self?.current?.getBoundingClientRect();
+  const { x, y } = useCursorState.getState();
+  return { wsRect, win, winBox, x, y };
+};
+
+// src/window-manager/internal/features/stack/stack-api.ts
+var stackApi = {
+  bringTargetWindowToFront: (targetId) => {
+    const targetWindow = windowRegistry[targetId].getState();
     for (const key of Object.keys(windowRegistry)) {
-      const remoteWin = windowRegistry[key].getState();
-      const thisWin = windowRegistry[windowId].getState();
-      if (remoteWin.windowId === thisWin.windowId) {
+      const window2 = windowRegistry[key].getState();
+      if (window2.windowId === targetWindow.windowId) {
         continue;
       }
-      const thisWinStartY = thisWin.winCoord.pointY;
-      const thisWinEndY = thisWin.winCoord.pointY + thisWin.winHeight;
-      const remoteWinStartY = remoteWin.winCoord.pointY;
-      const remoteWinEndY = remoteWin.winCoord.pointY + remoteWin.winHeight;
-      const thisWinStartX = thisWin.winCoord.pointX;
-      const thisWinEndX = thisWin.winCoord.pointX + thisWin.winWidth;
-      const remoteWinStartX = remoteWin.winCoord.pointX;
-      const remoteWinEndX = remoteWin.winCoord.pointX + remoteWin.winWidth;
-      const isRemoteOutside = remoteWinEndY !== thisWinEndY || remoteWinEndX !== thisWinEndX || remoteWinStartY !== thisWinStartY || remoteWinStartX !== thisWinStartX;
-      if (currentResize === "right-width") {
-        const isEdgeAlignedOnXAxis = Math.abs(thisWinEndX - remoteWinStartX) <= tolerance;
-        const isOverlapOnYAxis = thisWinStartY <= remoteWinEndY && thisWinEndY >= remoteWinStartY;
-        const isEdgeResize = allowDistantResize ? isEdgeAlignedOnXAxis : isEdgeAlignedOnXAxis && isOverlapOnYAxis;
-        if (isEdgeResize) {
-          remoteWin.setIsResizing("left-width");
-        }
-        const isRemoteOnSameLane = Math.abs(thisWinEndX - remoteWinEndX) < tolerance && Math.abs(thisWinStartX - remoteWinStartX) < tolerance;
-        const isRemoteEdgeConnected = Math.abs(thisWinEndY - remoteWinStartY) < tolerance || Math.abs(thisWinStartY - remoteWinEndY) < tolerance;
-        const isStackResize = allowDistantResize ? isRemoteOnSameLane && isRemoteOutside : isRemoteOnSameLane && isRemoteEdgeConnected;
-        if (isStackResize) {
-          remoteWin.setIsResizing("right-width");
-        }
+      window2.setIsActive(false);
+      if (window2.zIndex >= targetWindow.zIndex) {
+        window2.setZIndex(window2.zIndex - 1);
       }
-      if (currentResize === "left-width") {
-        const isEdgeAlignedOnXAxis = Math.abs(thisWinStartX - remoteWinEndX) <= tolerance;
-        const isOverlapOnYAxis = thisWinStartY <= remoteWinEndY && thisWinEndY >= remoteWinStartY;
-        const isEdgeResize = allowDistantResize ? isEdgeAlignedOnXAxis : isEdgeAlignedOnXAxis && isOverlapOnYAxis;
-        if (isEdgeResize) {
-          remoteWin.setIsResizing("right-width");
-        }
-        const isRemoteOnSameLane = Math.abs(thisWinEndX - remoteWinEndX) < tolerance && Math.abs(thisWinStartX - remoteWinStartX) < tolerance;
-        const isRemoteEdgeConnected = Math.abs(thisWinEndY - remoteWinStartY) < tolerance || Math.abs(thisWinStartY - remoteWinEndY) < tolerance;
-        const isStackResize = allowDistantResize ? isRemoteOnSameLane && isRemoteOutside : isRemoteOnSameLane && isRemoteEdgeConnected;
-        if (isStackResize) {
-          remoteWin.setIsResizing("left-width");
-        }
+    }
+    targetWindow.setZIndex(Object.keys(windowRegistry).length);
+    targetWindow.setIsActive(true);
+  },
+  getOpenedWindowCount: () => {
+    let openWnidowCount = 0;
+    for (const key of Object.keys(windowRegistry))
+      if (!windowRegistry[key].getState().isWindowClosed)
+        openWnidowCount++;
+    return openWnidowCount;
+  },
+  resetStack: () => {
+    for (const key of Object.keys(windowRegistry)) {
+      windowRegistry[key].getState().reset();
+    }
+  }
+};
+
+// src/window-manager/internal/features/grid/grid-api.ts
+var gridApi = {
+  orchestrateGridResize: (winId) => orchestrationGridResize(winId)
+};
+var orchestrationGridResize = (winId) => {
+  const tolerance = 4;
+  const allowDistantResize = stackApi.getOpenedWindowCount() >= 3;
+  const thisWin = windowRegistry[winId].getState();
+  const currentResize = thisWin.resizeAction;
+  for (const key of Object.keys(windowRegistry)) {
+    const remoteWin = windowRegistry[key].getState();
+    if (remoteWin.windowId === thisWin.windowId) {
+      continue;
+    }
+    const thisWinStartY = thisWin.winCoord.pointY;
+    const thisWinEndY = thisWin.winCoord.pointY + thisWin.winHeight;
+    const remoteWinStartY = remoteWin.winCoord.pointY;
+    const remoteWinEndY = remoteWin.winCoord.pointY + remoteWin.winHeight;
+    const thisWinStartX = thisWin.winCoord.pointX;
+    const thisWinEndX = thisWin.winCoord.pointX + thisWin.winWidth;
+    const remoteWinStartX = remoteWin.winCoord.pointX;
+    const remoteWinEndX = remoteWin.winCoord.pointX + remoteWin.winWidth;
+    const isRemoteOutside = remoteWinEndY !== thisWinEndY || remoteWinEndX !== thisWinEndX || remoteWinStartY !== thisWinStartY || remoteWinStartX !== thisWinStartX;
+    if (currentResize === "e") {
+      const isEdgeAlignedOnXAxis = Math.abs(thisWinEndX - remoteWinStartX) <= tolerance;
+      const isOverlapOnYAxis = thisWinStartY <= remoteWinEndY && thisWinEndY >= remoteWinStartY;
+      const isEdgeResize = allowDistantResize ? isEdgeAlignedOnXAxis : isEdgeAlignedOnXAxis && isOverlapOnYAxis;
+      if (isEdgeResize) {
+        remoteWin.setResizeAction("w");
       }
-      if (currentResize === "top-height") {
-        const isEdgeAlignedOnYAxis = Math.abs(thisWinStartY - remoteWinEndY) <= tolerance;
-        const isOverlapOnXAxis = thisWinStartX <= remoteWinEndX && thisWinEndX >= remoteWinStartX;
-        const isEdgeResize = allowDistantResize ? isEdgeAlignedOnYAxis : isEdgeAlignedOnYAxis && isOverlapOnXAxis;
-        if (isEdgeResize) {
-          remoteWin.setIsResizing("bottom-height");
-        }
-        const isRemoteOnSameLane = Math.abs(thisWinEndY - remoteWinEndY) < tolerance && Math.abs(thisWinStartY - remoteWinStartY) < tolerance;
-        const isRemoteEdgeConnected = Math.abs(thisWinEndX - remoteWinStartX) < tolerance || Math.abs(thisWinStartX - remoteWinEndX) < tolerance;
-        const isStackResize = allowDistantResize ? isRemoteOnSameLane && isRemoteOutside : isRemoteOnSameLane && isRemoteEdgeConnected;
-        if (isStackResize) {
-          remoteWin.setIsResizing("top-height");
-        }
+      const isRemoteOnSameLane = Math.abs(thisWinEndX - remoteWinEndX) < tolerance && Math.abs(thisWinStartX - remoteWinStartX) < tolerance;
+      const isRemoteEdgeConnected = Math.abs(thisWinEndY - remoteWinStartY) < tolerance || Math.abs(thisWinStartY - remoteWinEndY) < tolerance;
+      const isStackResize = allowDistantResize ? isRemoteOnSameLane && isRemoteOutside : isRemoteOnSameLane && isRemoteEdgeConnected;
+      if (isStackResize) {
+        remoteWin.setResizeAction("e");
       }
-      if (currentResize === "bottom-height") {
-        const isEdgeAlignedOnYAxis = Math.abs(thisWinEndY - remoteWinStartY) <= tolerance;
-        const isOverlapOnXAxis = thisWinStartX <= remoteWinEndX && thisWinEndX >= remoteWinStartX;
-        const isEdgeResize = allowDistantResize ? isEdgeAlignedOnYAxis : isEdgeAlignedOnYAxis && isOverlapOnXAxis;
-        if (isEdgeResize) {
-          remoteWin.setIsResizing("top-height");
-        }
-        const isRemoteOnSameLane = Math.abs(thisWinEndY - remoteWinEndY) < tolerance && Math.abs(thisWinStartY - remoteWinStartY) < tolerance;
-        const isRemoteEdgeConnected = Math.abs(thisWinEndX - remoteWinStartX) < tolerance || Math.abs(thisWinStartX - remoteWinEndX) < tolerance;
-        const isStackResize = allowDistantResize ? isRemoteOnSameLane && isRemoteOutside : isRemoteOnSameLane && isRemoteEdgeConnected;
-        if (isStackResize) {
-          remoteWin.setIsResizing("bottom-height");
-        }
+    }
+    if (currentResize === "w") {
+      const isEdgeAlignedOnXAxis = Math.abs(thisWinStartX - remoteWinEndX) <= tolerance;
+      const isOverlapOnYAxis = thisWinStartY <= remoteWinEndY && thisWinEndY >= remoteWinStartY;
+      const isEdgeResize = allowDistantResize ? isEdgeAlignedOnXAxis : isEdgeAlignedOnXAxis && isOverlapOnYAxis;
+      if (isEdgeResize) {
+        remoteWin.setResizeAction("e");
+      }
+      const isRemoteOnSameLane = Math.abs(thisWinEndX - remoteWinEndX) < tolerance && Math.abs(thisWinStartX - remoteWinStartX) < tolerance;
+      const isRemoteEdgeConnected = Math.abs(thisWinEndY - remoteWinStartY) < tolerance || Math.abs(thisWinStartY - remoteWinEndY) < tolerance;
+      const isStackResize = allowDistantResize ? isRemoteOnSameLane && isRemoteOutside : isRemoteOnSameLane && isRemoteEdgeConnected;
+      if (isStackResize) {
+        remoteWin.setResizeAction("w");
+      }
+    }
+    if (currentResize === "n") {
+      const isEdgeAlignedOnYAxis = Math.abs(thisWinStartY - remoteWinEndY) <= tolerance;
+      const isOverlapOnXAxis = thisWinStartX <= remoteWinEndX && thisWinEndX >= remoteWinStartX;
+      const isEdgeResize = allowDistantResize ? isEdgeAlignedOnYAxis : isEdgeAlignedOnYAxis && isOverlapOnXAxis;
+      if (isEdgeResize) {
+        remoteWin.setResizeAction("s");
+      }
+      const isRemoteOnSameLane = Math.abs(thisWinEndY - remoteWinEndY) < tolerance && Math.abs(thisWinStartY - remoteWinStartY) < tolerance;
+      const isRemoteEdgeConnected = Math.abs(thisWinEndX - remoteWinStartX) < tolerance || Math.abs(thisWinStartX - remoteWinEndX) < tolerance;
+      const isStackResize = allowDistantResize ? isRemoteOnSameLane && isRemoteOutside : isRemoteOnSameLane && isRemoteEdgeConnected;
+      if (isStackResize) {
+        remoteWin.setResizeAction("n");
+      }
+    }
+    if (currentResize === "s") {
+      const isEdgeAlignedOnYAxis = Math.abs(thisWinEndY - remoteWinStartY) <= tolerance;
+      const isOverlapOnXAxis = thisWinStartX <= remoteWinEndX && thisWinEndX >= remoteWinStartX;
+      const isEdgeResize = allowDistantResize ? isEdgeAlignedOnYAxis : isEdgeAlignedOnYAxis && isOverlapOnXAxis;
+      if (isEdgeResize) {
+        remoteWin.setResizeAction("n");
+      }
+      const isRemoteOnSameLane = Math.abs(thisWinEndY - remoteWinEndY) < tolerance && Math.abs(thisWinStartY - remoteWinStartY) < tolerance;
+      const isRemoteEdgeConnected = Math.abs(thisWinEndX - remoteWinStartX) < tolerance || Math.abs(thisWinStartX - remoteWinEndX) < tolerance;
+      const isStackResize = allowDistantResize ? isRemoteOnSameLane && isRemoteOutside : isRemoteOnSameLane && isRemoteEdgeConnected;
+      if (isStackResize) {
+        remoteWin.setResizeAction("s");
       }
     }
+  }
+};
+
+// src/window-manager/internal/features/resizing/resizing-controls.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+function ResizingControls({ winId }) {
+  const { x, y } = useCursorState();
+  const { winCoord, winWidth, winHeight, resizeAction } = windowRegistry[winId]();
+  useEffect(() => {
+    resizeApi.dispatchResizeAction(winId);
+  }, [resizeAction, x, y]);
+  const handleResizeClick = (resizeAction2) => {
+    resizeApi.setResizeAction(winId, resizeAction2);
+    gridApi.orchestrateGridResize(winId);
   };
-  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2(
       "span",
       {
-        onMouseDown: () => handleResizeClick("right-width"),
+        onMouseUp: () => handleResizeClick(false),
+        onMouseDown: () => handleResizeClick("e"),
         id: "win-resize-right-width",
         className: "fixed w-2 opacity-60 cursor-w-resize z-10",
         style: {
@@ -675,10 +432,11 @@ function ResizingControls({ useWindowStore, windowRef }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx2(
       "span",
       {
-        onMouseDown: () => handleResizeClick("left-width"),
+        onMouseUp: () => handleResizeClick(false),
+        onMouseDown: () => handleResizeClick("w"),
         id: "win-resize-left-width",
         className: "fixed w-2 opacity-60 cursor-w-resize z-10",
         style: {
@@ -688,10 +446,11 @@ function ResizingControls({ useWindowStore, windowRef }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx2(
       "span",
       {
-        onMouseDown: () => handleResizeClick("bottom-height"),
+        onMouseUp: () => handleResizeClick(false),
+        onMouseDown: () => handleResizeClick("s"),
         id: "win-resize-bottom-height",
         className: "fixed h-2 opacity-60 cursor-s-resize z-10",
         style: {
@@ -701,10 +460,11 @@ function ResizingControls({ useWindowStore, windowRef }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx2(
       "span",
       {
-        onMouseDown: () => handleResizeClick("top-height"),
+        onMouseUp: () => handleResizeClick(false),
+        onMouseDown: () => handleResizeClick("n"),
         id: "win-resize-top-height",
         className: "fixed h-2 opacity-60 cursor-s-resize z-10",
         style: {
@@ -714,10 +474,11 @@ function ResizingControls({ useWindowStore, windowRef }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx2(
       "span",
       {
-        onMouseDown: () => handleResizeClick("bottom-right-all"),
+        onMouseUp: () => handleResizeClick(false),
+        onMouseDown: () => handleResizeClick("se"),
         id: "win-resize-bottom-right-all",
         className: "fixed h-3 w-3 opacity-60 cursor-se-resize z-20",
         style: {
@@ -726,10 +487,11 @@ function ResizingControls({ useWindowStore, windowRef }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx2(
       "span",
       {
-        onMouseDown: () => handleResizeClick("bottom-left-all"),
+        onMouseUp: () => handleResizeClick(false),
+        onMouseDown: () => handleResizeClick("sw"),
         id: "win-resize-bottom-left-all",
         className: "fixed h-3 w-3 opacity-60 cursor-sw-resize z-20",
         style: {
@@ -738,10 +500,11 @@ function ResizingControls({ useWindowStore, windowRef }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx2(
       "span",
       {
-        onMouseDown: () => handleResizeClick("top-right-all"),
+        onMouseUp: () => handleResizeClick(false),
+        onMouseDown: () => handleResizeClick("ne"),
         id: "win-resize-top-right-all",
         className: "fixed h-3 w-3 opacity-60 cursor-ne-resize z-20",
         style: {
@@ -750,10 +513,11 @@ function ResizingControls({ useWindowStore, windowRef }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx2(
       "span",
       {
-        onMouseDown: () => handleResizeClick("top-left-all"),
+        onMouseUp: () => handleResizeClick(false),
+        onMouseDown: () => handleResizeClick("nw"),
         id: "win-resize-top-left-all",
         className: "fixed h-3 w-3 opacity-60 cursor-nw-resize z-20",
         style: {
@@ -765,18 +529,58 @@ function ResizingControls({ useWindowStore, windowRef }) {
   ] });
 }
 
-// src/window-manager/window-layout.tsx
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+// src/window-manager/internal/features/drag/drag-handle.tsx
+import { useEffect as useEffect2, useState } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function DragHandle({ winId }) {
+  const { x, y } = useCursorState();
+  const { winVisualState, isDragging, winCoord, setWinCoord, setIsDragging } = windowRegistry[winId]();
+  const [dragClickOffset, setDragClickOffset] = useState({
+    pointX: wsApi.getRect().left,
+    pointY: wsApi.getRect().top
+  });
+  useEffect2(() => {
+    if (wsApi.isBelowBreakPoint())
+      return;
+    if (!isDragging)
+      return;
+    if (winVisualState === "maximized")
+      dockApi.demaximizeWindow(winId);
+    const wsRect = wsApi.getRect();
+    let adjustedX = x - dragClickOffset.pointX;
+    if (x > wsRect.right || x < wsRect.left)
+      adjustedX = winCoord.pointX;
+    let adjustedY = y - dragClickOffset.pointY;
+    if (y > wsRect.bottom || y < wsRect.top)
+      adjustedY = winCoord.pointY;
+    setWinCoord({ pointX: adjustedX, pointY: adjustedY });
+  }, [isDragging, x, y]);
+  const startDrag = (isDragging2) => {
+    setDragClickOffset({ pointX: x - winCoord.pointX, pointY: y - winCoord.pointY });
+    setIsDragging(isDragging2);
+  };
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      onMouseDown: () => startDrag(true),
+      onMouseUp: () => startDrag(false),
+      onDoubleClick: () => dockApi.maximizeWindow(winId),
+      className: "grow min-w-8 h-8 px-2 text-white flex items-center text-sm bg-white bg-opacity-0 hover:bg-opacity-5 mix-blend-difference"
+    }
+  );
+}
+
+// src/window-manager/internal/features/window-layout.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function WindowLayout({
-  responsiveBreak = "lg",
   children,
   windowName,
   navbarChildren,
-  useWindowStore,
-  defaultDock,
+  winId,
+  defaultDock = "default",
   style
 }) {
-  const { x, y } = useCursorState();
+  const { ref: wsRef } = useWorkspaceState();
   const windowRef = useRef(null);
   const {
     windowId,
@@ -785,107 +589,62 @@ function WindowLayout({
     setSelf,
     resetFlag,
     winVisualState,
-    isWinMinimized,
-    dragClickOffset,
-    setDragClickOffset,
-    isDragging,
-    setIsDragging,
+    isWindowClosed,
     winCoord,
-    setWinCoord,
-    setIsResizing,
     winWidth,
-    winHeight,
-    minimizeWindow,
-    maximizeWindow,
-    demaximizeWindow,
-    dockWindowRight,
-    dockWindowLeft
-  } = useWindowStore();
-  useEffect4(() => {
+    winHeight
+  } = windowRegistry[winId]();
+  useEffect3(() => {
     setSelf(windowRef);
-    if (isMobile())
-      maximizeWindow();
-    else if (defaultDock === "left")
-      dockWindowLeft();
-    else if (defaultDock === "right")
-      dockWindowRight();
-    else if (defaultDock === "full")
-      maximizeWindow();
-    else
-      demaximizeWindow();
-  }, [setSelf, windowRef, resetFlag]);
-  useEffect4(() => {
-    if (isMobile())
-      return;
-    if (!isDragging)
+    if (wsApi.isBelowBreakPoint()) {
+      dockApi.maximizeWindow(winId);
       return;
-    if (winVisualState === "maximized")
-      demaximizeWindow();
-    let adjustedX = x - dragClickOffset.pointX;
-    if (x > window.innerWidth || x < 0)
-      adjustedX = winCoord.pointX;
-    let adjustedY = y - dragClickOffset.pointY;
-    if (y > window.innerHeight || y < 0)
-      adjustedY = winCoord.pointY;
-    setWinCoord({ pointX: adjustedX, pointY: adjustedY });
-  }, [isDragging, x, y]);
-  const responsiveBreakInPx = (breakPoint) => {
-    switch (breakPoint) {
-      case "sm":
-        return 640;
-      case "md":
-        return 768;
-      case "lg":
-        return 1024;
-      case "xl":
-        return 1280;
-      case "never":
-        return 0;
-      case "always":
-        return Infinity;
-      default:
-        return breakPoint;
     }
+    dockingRoutes[defaultDock](winId);
+  }, [setSelf, windowRef, resetFlag, wsRef]);
+  const dockingRoutes = {
+    right: dockApi.dockWindowRight,
+    left: dockApi.dockWindowLeft,
+    full: dockApi.maximizeWindow,
+    top: dockApi.dockWindowTop,
+    bottom: dockApi.dockWindowBottom,
+    "top-right": dockApi.dockWindowTopRight,
+    "top-left": dockApi.dockWindowTopLeft,
+    "bottom-right": dockApi.dockWindowBottomRight,
+    "bottom-left": dockApi.dockWindowBottomLeft,
+    default: dockApi.demaximizeWindow
   };
-  const handleNavbarClick = (isDragging2) => {
-    setDragClickOffset({ pointX: x - winCoord.pointX, pointY: y - winCoord.pointY });
-    setIsDragging(isDragging2);
-  };
-  const isMobile = () => {
-    return window.innerWidth < responsiveBreakInPx(responsiveBreak);
-  };
-  const handleResizeClick = (isResizing) => {
-    setIsResizing(isResizing);
-  };
-  const maximizeControl = winVisualState === "maximized" ? /* @__PURE__ */ jsx7(
+  const maximizeControl = winVisualState === "maximized" ? /* @__PURE__ */ jsx4(
+    "button",
+    {
+      className: `block hover:bg-gray-500 hover:bg-opacity-10 px-5 h-full`,
+      onClick: () => dockApi.demaximizeWindow(winId),
+      children: /* @__PURE__ */ jsx4(IconWinDemaximize, { color: style?.navControlsColor })
+    }
+  ) : /* @__PURE__ */ jsx4(
     "button",
     {
-      className: `block hover:bg-gray-100 hover:bg-opacity-20 px-5 h-full`,
-      onClick: demaximizeWindow,
-      children: iconWinDemaximize(style?.navControlsColor)
+      className: `block hover:bg-gray-500 hover:bg-opacity-10 px-5 h-full`,
+      onClick: () => dockApi.maximizeWindow(winId),
+      children: /* @__PURE__ */ jsx4(IconWinMaximize, { color: style?.navControlsColor })
     }
-  ) : /* @__PURE__ */ jsx7(
+  );
+  const closeControl = /* @__PURE__ */ jsx4(
     "button",
     {
-      className: `block hover:bg-gray-100 hover:bg-opacity-20 px-5 h-full`,
-      onClick: maximizeWindow,
-      children: iconWinMaximize(style?.navControlsColor)
+      className: "hover:bg-red-500 hover:bg-opacity-20 px-5 h-full",
+      onClick: () => dockApi.closeWindow(winId),
+      children: /* @__PURE__ */ jsx4(IconWinMinimize, { color: style?.navControlsColor })
     }
   );
-  const minimizeControl = /* @__PURE__ */ jsx7("button", { className: "hover:bg-red-500 hover:bg-opacity-20 px-5 h-full", onClick: minimizeWindow, children: iconWinMinimize(style?.navControlsColor) });
-  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
-    !isMobile() && /* @__PURE__ */ jsx7(DockingControls, { useWindowStore }),
-    /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsxs2(
       "div",
       {
         id: windowId,
         ref: windowRef,
         className: `fixed bg-white shadow-lg border border-zinc-600 rounded-sm overflow-hidden`,
-        onMouseDown: () => bringTargetWindowToFront(windowId),
-        onMouseUp: () => {
-          handleNavbarClick(false);
-          handleResizeClick(false);
-        },
+        onMouseDown: () => stackApi.bringTargetWindowToFront(windowId),
         style: {
           backgroundColor: style?.windowBackgroundColor,
           top: `${winCoord.pointY}px`,
@@ -895,12 +654,12 @@ function WindowLayout({
           zIndex: `${zIndex}`,
           /* MINIMIZE LOGIC */
           transition: "transform 0.2s ease-in-out, opacity 0.3s ease-in-out",
-          opacity: isWinMinimized ? 0 : 1,
-          transform: isWinMinimized ? `translate(${window.innerWidth / 2 - winCoord.pointX - winWidth / 2}px,
-              ${window.innerHeight - winCoord.pointY - winHeight / 2}px) scale(0.02)` : ""
+          opacity: isWindowClosed ? 0 : 1,
+          transform: isWindowClosed ? `translate(${wsApi.getRect().innerWidth / 2 - winCoord.pointX - winWidth / 2}px,
+              ${wsApi.getRect().innerHeight - winCoord.pointY - winHeight / 2}px) scale(0.02)` : ""
         },
         children: [
-          /* @__PURE__ */ jsxs5(
+          /* @__PURE__ */ jsxs2(
             "nav",
             {
               style: {
@@ -910,34 +669,385 @@ function WindowLayout({
             h-[32px] w-full flex items-center bg-neutral-800
             ${isActive ? "brightness-100 opacity-100" : "brightness-75 opacity-80"}`,
               children: [
-                /* @__PURE__ */ jsx7("div", { className: "w-fit shrink-0 h-8 px-2 text-white flex items-center text-sm truncate", children: windowName }),
-                /* @__PURE__ */ jsx7("div", { className: "h-8 px-2 text-white flex items-center text-sm truncate", children: navbarChildren }),
-                /* @__PURE__ */ jsx7(
-                  "div",
-                  {
-                    onMouseDown: () => handleNavbarClick(true),
-                    onDoubleClick: maximizeWindow,
-                    className: "grow min-w-8 h-8 px-2 text-white flex items-center text-sm"
-                  }
-                ),
-                !isMobile() && maximizeControl,
-                minimizeControl
+                /* @__PURE__ */ jsx4("div", { className: "w-fit shrink-0 h-8 px-2 text-white flex items-center text-sm truncate", children: windowName }),
+                /* @__PURE__ */ jsx4("div", { className: "h-8 px-2 text-white flex items-center text-sm truncate", children: navbarChildren }),
+                /* @__PURE__ */ jsx4(DragHandle, { winId }),
+                !wsApi.isBelowBreakPoint() && maximizeControl,
+                closeControl
               ]
             }
           ),
-          !isMobile() && /* @__PURE__ */ jsx7(ResizingControls, { useWindowStore, windowRef }),
-          /* @__PURE__ */ jsx7("div", { className: `relative w-full h-[calc(100%-32px)] overflow-auto`, children })
+          !wsApi.isBelowBreakPoint() && /* @__PURE__ */ jsx4(ResizingControls, { winId }),
+          /* @__PURE__ */ jsx4("div", { className: `relative w-full h-[calc(100%-32px)] overflow-auto`, children })
         ]
       }
     ),
     " "
   ] });
 }
+
+// src/window-manager/internal/features/window-button.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function WindowButton({
+  children,
+  winId,
+  className,
+  isClosedClassName = "brightness-[85%]",
+  isOpenClassName = "brightness-150"
+}) {
+  const { isWindowClosed, windowId, isActive } = windowRegistry[winId]();
+  const handleOpenCloseWin = () => {
+    if (isWindowClosed) {
+      stackApi.bringTargetWindowToFront(windowId);
+      dockApi.openWindow(winId);
+      return;
+    }
+    if (isActive)
+      dockApi.closeWindow(winId);
+    stackApi.bringTargetWindowToFront(windowId);
+  };
+  return /* @__PURE__ */ jsx5(
+    "button",
+    {
+      id: `${windowId}_button`,
+      onClick: handleOpenCloseWin,
+      className: `
+        ${className} 
+        ${isWindowClosed ? isClosedClassName : isOpenClassName}`,
+      children
+    }
+  );
+}
+
+// src/window-manager/registration/window-store-factory.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var windownMinWidth = 232;
+var windownMinHeight = 128;
+var windowRegistry = {};
+var createWindowStore = () => {
+  const zIndexAtLaunch = Object.keys(windowRegistry).length + 1;
+  const windowInstanceId = `react-dynamic-window-instance${Object.keys(windowRegistry).length}`;
+  const storeInstance = create3((set, get) => ({
+    windowId: windowInstanceId,
+    self: void 0,
+    setSelf: (ref) => set({ self: ref }),
+    WIN_MIN_WIDTH: windownMinWidth,
+    setWIN_MIN_WIDTH: (w) => set({ WIN_MIN_WIDTH: w }),
+    WIN_MIN_HEIGHT: windownMinHeight,
+    setWIN_MIN_HEIGHT: (h) => set({ WIN_MIN_HEIGHT: h }),
+    isActive: false,
+    setIsActive: (isActive) => {
+      useWorkspaceState.getState().setActiveWindowId(get().windowId);
+      set({ isActive });
+    },
+    resetFlag: false,
+    reset: () => set({ resetFlag: !get().resetFlag, isWindowClosed: true }),
+    zIndex: zIndexAtLaunch,
+    setZIndex: (newIndex) => set({ zIndex: newIndex }),
+    winVisualState: "demaximized",
+    setWinVisualState: (newState) => set({ winVisualState: newState }),
+    isWindowClosed: true,
+    setisWindowClosed: (isClosed) => set({ isWindowClosed: isClosed }),
+    winCoord: { pointX: 40, pointY: 40 },
+    setWinCoord: (newWinCoord) => set({ winCoord: { pointX: newWinCoord.pointX, pointY: newWinCoord.pointY } }),
+    winWidth: windownMinWidth,
+    setWinWidth: (newWinWidth) => set({ winWidth: newWinWidth }),
+    winHeight: windownMinHeight,
+    setWinHeight: (newWinHeight) => set({ winHeight: newWinHeight }),
+    resizeAction: false,
+    setResizeAction: (updatedIsResizing) => set({ resizeAction: updatedIsResizing }),
+    isDragging: false,
+    setIsDragging: (updatedIsDragging) => set({ isDragging: updatedIsDragging })
+  }));
+  windowRegistry[windowInstanceId] = storeInstance;
+  return {
+    id: storeInstance.getState().windowId,
+    store: storeInstance,
+    Window: (props) => /* @__PURE__ */ jsx6(WindowLayout, { ...props, winId: windowInstanceId }),
+    Button: (props) => /* @__PURE__ */ jsx6(WindowButton, { ...props, winId: windowInstanceId })
+  };
+};
+
+// src/window-manager/internal/features/docking/docking-api.ts
+var dockApi = {
+  dockWindowRight: (winId) => {
+    windowRegistry[winId].setState({
+      winCoord: { pointX: wsApi.getRect().centerX, pointY: wsApi.getRect().top },
+      winWidth: wsApi.getRect().innerWidth / 2,
+      winHeight: wsApi.getRect().innerHeight,
+      winVisualState: "demaximized"
+    });
+  },
+  dockWindowLeft: (winId) => {
+    windowRegistry[winId].setState({
+      winCoord: { pointX: wsApi.getRect().left, pointY: wsApi.getRect().top },
+      winWidth: wsApi.getRect().innerWidth / 2,
+      winHeight: wsApi.getRect().innerHeight,
+      winVisualState: "demaximized"
+    });
+  },
+  dockWindowTop: (winId) => {
+    windowRegistry[winId].setState({
+      winCoord: { pointX: wsApi.getRect().left, pointY: wsApi.getRect().top },
+      winWidth: wsApi.getRect().innerWidth,
+      winHeight: wsApi.getRect().innerHeight / 2,
+      winVisualState: "demaximized"
+    });
+  },
+  dockWindowBottom: (winId) => {
+    windowRegistry[winId].setState({
+      winCoord: { pointX: wsApi.getRect().left, pointY: wsApi.getRect().centerY },
+      winWidth: wsApi.getRect().innerWidth,
+      winHeight: wsApi.getRect().innerHeight / 2,
+      winVisualState: "demaximized"
+    });
+  },
+  dockWindowBottomRight: (winId) => {
+    windowRegistry[winId].setState({
+      winCoord: {
+        pointX: wsApi.getRect().centerX,
+        pointY: wsApi.getRect().centerY
+      },
+      winWidth: wsApi.getRect().innerWidth / 2,
+      winHeight: wsApi.getRect().innerHeight / 2,
+      winVisualState: "demaximized"
+    });
+  },
+  dockWindowTopRight: (winId) => {
+    windowRegistry[winId].setState({
+      winCoord: { pointX: wsApi.getRect().centerX, pointY: wsApi.getRect().top },
+      winWidth: wsApi.getRect().innerWidth / 2,
+      winHeight: wsApi.getRect().innerHeight / 2,
+      winVisualState: "demaximized"
+    });
+  },
+  dockWindowBottomLeft: (winId) => {
+    windowRegistry[winId].setState({
+      winCoord: { pointX: wsApi.getRect().left, pointY: wsApi.getRect().centerY },
+      winWidth: wsApi.getRect().innerWidth / 2,
+      winHeight: wsApi.getRect().innerHeight / 2,
+      winVisualState: "demaximized"
+    });
+  },
+  dockWindowTopLeft: (winId) => {
+    windowRegistry[winId].setState({
+      winCoord: { pointX: wsApi.getRect().left, pointY: wsApi.getRect().top },
+      winWidth: wsApi.getRect().innerWidth / 2,
+      winHeight: wsApi.getRect().innerHeight / 2,
+      winVisualState: "demaximized"
+    });
+  },
+  maximizeWindow: (winId) => {
+    windowRegistry[winId].setState({
+      winCoord: { pointX: wsApi.getRect().left, pointY: wsApi.getRect().top },
+      winHeight: wsApi.getRect().innerHeight,
+      winWidth: wsApi.getRect().innerWidth,
+      winVisualState: "maximized"
+    });
+  },
+  demaximizeWindow: (winId) => {
+    windowRegistry[winId].setState({
+      winCoord: { pointX: wsApi.getRect().left + 16, pointY: wsApi.getRect().top + 16 },
+      winWidth: wsApi.getRect().innerWidth * 0.95,
+      winHeight: wsApi.getRect().innerHeight * 0.75,
+      winVisualState: "demaximized"
+    });
+  },
+  closeWindow: (winId) => {
+    windowRegistry[winId].setState({ isWindowClosed: true });
+  },
+  openWindow: (winId) => {
+    const winState = windowRegistry[winId].getState();
+    const winRef = winState.self;
+    if (winState.isWindowClosed && winRef?.current) {
+      windowRegistry[winId].setState({ isWindowClosed: false });
+      winRef.current.style.transform = "translate(0, 0) scale(1)";
+    }
+  }
+};
+
+// src/window-manager/rwm.ts
+var rwm = {
+  dockApi,
+  resizeApi,
+  stackApi,
+  workspaceApi: wsApi,
+  worskpaceState: useWorkspaceState
+};
+var rwm_default = rwm;
+
+// src/window-manager/workspace-layout.tsx
+import { useEffect as useEffect6, useRef as useRef2 } from "react";
+
+// src/window-manager/internal/features/docking/docking-controls.tsx
+import { useState as useState2 } from "react";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+function DockingControls() {
+  const [isHovering, setIsHovering] = useState2(false);
+  const { activeWindowId } = useWorkspaceState();
+  const { isDragging } = windowRegistry[activeWindowId]();
+  const cornerDockControl = /* @__PURE__ */ jsxs3("div", { className: `flex xl:p-0 shrink-0 gap-0.5`, children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col justify-center gap-0.5", children: [
+      /* @__PURE__ */ jsx7(
+        "button",
+        {
+          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-10 h-6 rounded-sm",
+          onMouseUp: () => dockApi.dockWindowTopLeft(activeWindowId)
+        }
+      ),
+      /* @__PURE__ */ jsx7(
+        "button",
+        {
+          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-10 h-6 rounded-sm",
+          onMouseUp: () => dockApi.dockWindowBottomLeft(activeWindowId)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col justify-center gap-0.5", children: [
+      /* @__PURE__ */ jsx7(
+        "button",
+        {
+          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-10 h-6 rounded-sm",
+          onMouseUp: () => dockApi.dockWindowTopRight(activeWindowId)
+        }
+      ),
+      /* @__PURE__ */ jsx7(
+        "button",
+        {
+          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-10 h-6 rounded-sm",
+          onMouseUp: () => dockApi.dockWindowBottomRight(activeWindowId)
+        }
+      )
+    ] })
+  ] });
+  const sideDideControl = /* @__PURE__ */ jsxs3("div", { className: `flex shrink-0 items-center gap-0.5`, children: [
+    /* @__PURE__ */ jsx7(
+      "button",
+      {
+        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-8 h-12 rounded-sm",
+        onMouseUp: () => dockApi.dockWindowLeft(activeWindowId)
+      }
+    ),
+    /* @__PURE__ */ jsx7(
+      "button",
+      {
+        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-8 h-12 rounded-sm",
+        onMouseUp: () => dockApi.dockWindowRight(activeWindowId)
+      }
+    )
+  ] });
+  const horizontalDockControl = /* @__PURE__ */ jsxs3("div", { className: `flex flex-col shrink-0 items-center gap-0.5`, children: [
+    /* @__PURE__ */ jsx7(
+      "button",
+      {
+        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-14 h-6 rounded-sm",
+        onMouseUp: () => dockApi.dockWindowTop(activeWindowId)
+      }
+    ),
+    /* @__PURE__ */ jsx7(
+      "button",
+      {
+        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-14 h-6 rounded-sm",
+        onMouseUp: () => dockApi.dockWindowBottom(activeWindowId)
+      }
+    )
+  ] });
+  const windowDockPannel = /* @__PURE__ */ jsx7(
+    "span",
+    {
+      className: "pointer-events-auto px-4 pb-2",
+      onMouseOver: () => setIsHovering(true),
+      onMouseLeave: () => setIsHovering(false),
+      children: /* @__PURE__ */ jsxs3(
+        "section",
+        {
+          className: `
+        flex w-fit border border-zinc-600 border-t-0 rounded-b-md bg-zinc-800 
+        overflow-hidden px-8 gap-4 h-full py-4 
+        `,
+          children: [
+            cornerDockControl,
+            horizontalDockControl,
+            sideDideControl
+          ]
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ jsx7(
+    "div",
+    {
+      className: `
+        ${isDragging ? isHovering ? "top-0 opacity-50" : "top-[-68px] opacity-80" : "top-[-104px] opacity-0"} 
+        transition-all duration-500
+        absolute z-50 flex items-center justify-center 
+        w-full mx-auto pointer-events-none`,
+      children: windowDockPannel
+    }
+  );
+}
+
+// src/window-manager/internal/features/cursor/cursor-move-listener.tsx
+import { useEffect as useEffect4 } from "react";
+import { Fragment as Fragment3, jsx as jsx8 } from "react/jsx-runtime";
+function CursorMoveListener() {
+  const { setX, setY } = useCursorState();
+  useEffect4(() => {
+    const handleWindowPosition = (e) => {
+      e.preventDefault();
+      setX(e.clientX);
+      setY(e.clientY);
+    };
+    window.addEventListener("pointermove", handleWindowPosition);
+    return () => window.removeEventListener("pointermove", handleWindowPosition);
+  }, [setX, setY]);
+  return /* @__PURE__ */ jsx8(Fragment3, {});
+}
+
+// src/window-manager/internal/features/view-port/view-port-resize-listener.tsx
+import { useEffect as useEffect5 } from "react";
+import { Fragment as Fragment4, jsx as jsx9 } from "react/jsx-runtime";
+function ViewPortResizeListener() {
+  useEffect5(() => {
+    window.addEventListener("resize", stackApi.resetStack);
+    return () => window.removeEventListener("resize", stackApi.resetStack);
+  }, []);
+  return /* @__PURE__ */ jsx9(Fragment4, {});
+}
+
+// src/window-manager/workspace-layout.tsx
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+function WorkspaceLayout({ children, className, responsiveBreak = "sm" }) {
+  const workspaceRef = useRef2(null);
+  const { setRef, setResponsiveBreak } = useWorkspaceState();
+  useEffect6(() => {
+    setRef(workspaceRef.current);
+  }, []);
+  useEffect6(() => {
+    setResponsiveBreak(responsiveBreak);
+  }, [responsiveBreak]);
+  return /* @__PURE__ */ jsxs4(
+    "section",
+    {
+      ref: workspaceRef,
+      onMouseLeave: resizeApi.stopAllDragAndResize,
+      onMouseUp: resizeApi.stopAllDragAndResize,
+      className: className ? className : "fixed overflow-hidden h-full w-full touch-none",
+      children: [
+        /* @__PURE__ */ jsx10(ViewPortResizeListener, {}),
+        /* @__PURE__ */ jsx10(CursorMoveListener, {}),
+        /* @__PURE__ */ jsxs4("div", { className: " w-full h-full relative overflow-hidden", children: [
+          !wsApi.isBelowBreakPoint() && /* @__PURE__ */ jsx10(DockingControls, {}),
+          children
+        ] })
+      ]
+    }
+  );
+}
 export {
-  WindowButton,
-  WindowLayout,
   WorkspaceLayout,
   createWindowStore,
+  rwm_default as rwm,
   windowRegistry
 };
 //# sourceMappingURL=index.js.map