@surdeddd/wmkit 0.5.0 → 0.6.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { a as DesktopOptions, b as DesktopController } from './binder-Ca3GOfZX.js';
-export { A as Announcer, c as AnnouncerMessages, D as DesktopBinder, d as DesktopKeyboardOptions, e as DesktopSnapOptions, H as HitAreaOptions, M as MagnetResult, f as MagnetismOptions, S as SnapDetectOptions, W as WindowAttachOptions, g as applyAspect, h as boundsEqual, i as clamp, j as clampSize, k as clampToViewport, l as createAnnouncer, m as createDesktopBinder, n as defaultMessages, o as detectSnapZone, p as magnetize, z as zoneBounds } from './binder-Ca3GOfZX.js';
+import { a as DesktopOptions, b as DesktopController } from './binder-CkmOoo1U.js';
+export { A as Announcer, c as AnnouncerMessages, D as DesktopBinder, d as DesktopKeyboardOptions, e as DesktopSnapOptions, H as HitAreaOptions, M as MagnetResult, f as MagnetismOptions, S as SnapDetectOptions, W as WindowAttachOptions, g as applyAspect, h as boundsEqual, i as clamp, j as clampSize, k as clampToViewport, l as createAnnouncer, m as createDesktopBinder, n as defaultMessages, o as detectSnapZone, p as magnetize, z as zoneBounds } from './binder-CkmOoo1U.js';
 import { M as ManagerOptions, W as WindowManager } from './types-LP7Inhxx.js';
 export { A as ArrangeMode, B as Bounds, c as ManagerEvents, a as ManagerState, S as SerializedMaxSize, d as SerializedState, e as SerializedWindowState, f as Size, g as SnapZone, h as WindowFlags, i as WindowInit, j as WindowLayer, k as WindowStage, b as WindowState, l as WindowUpdate } from './types-LP7Inhxx.js';
 

package/dist/index.js

@@ -1,3 +1,3 @@
-export { applyAspect, attachDesktop, boundsEqual, clamp, clampSize, clampToViewport, createAnnouncer, createDesktopBinder, createEmitter, createWindowManager, defaultMessages, detectSnapZone, flipFromTarget, flipToTarget, magnetize, prefersReducedMotion, zoneBounds } from './chunk-L43XBN44.js';
+export { applyAspect, attachDesktop, boundsEqual, clamp, clampSize, clampToViewport, createAnnouncer, createDesktopBinder, createEmitter, createWindowManager, defaultMessages, detectSnapZone, flipFromTarget, flipToTarget, magnetize, prefersReducedMotion, zoneBounds } from './chunk-3HLKVOSI.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/react.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkRXAMUBUJ_cjs = require('./chunk-RXAMUBUJ.cjs');
+var chunkDYZQY3BE_cjs = require('./chunk-DYZQY3BE.cjs');
 var react = require('react');
 
 function useWindowManager(options) {
-  const [wm] = react.useState(() => chunkRXAMUBUJ_cjs.createWindowManager(options));
+  const [wm] = react.useState(() => chunkDYZQY3BE_cjs.createWindowManager(options));
   react.useEffect(() => () => wm.destroy(), [wm]);
   return wm;
 }
@@ -17,7 +17,7 @@ function useWmWindow(wm, id) {
 }
 function useDesktop(wm, options) {
   const optionsRef = react.useRef(options);
-  const binder = react.useMemo(() => chunkRXAMUBUJ_cjs.createDesktopBinder(wm, optionsRef.current), [wm]);
+  const binder = react.useMemo(() => chunkDYZQY3BE_cjs.createDesktopBinder(wm, optionsRef.current), [wm]);
   react.useEffect(() => () => binder.destroy(), [binder]);
   const cleanupRef = react.useRef(null);
   const ref = react.useCallback(

package/dist/react.d.cts

@@ -1,5 +1,5 @@
 import { W as WindowManager, M as ManagerOptions, a as ManagerState, b as WindowState } from './types-LP7Inhxx.cjs';
-import { D as DesktopBinder, b as DesktopController, a as DesktopOptions, W as WindowAttachOptions } from './binder-EBroZTRw.cjs';
+import { D as DesktopBinder, b as DesktopController, a as DesktopOptions, W as WindowAttachOptions } from './binder-CQzQJdVj.cjs';
 
 type ElementRef = (node: HTMLElement | null) => void;
 declare function useWindowManager(options?: ManagerOptions): WindowManager;

package/dist/react.d.ts

@@ -1,5 +1,5 @@
 import { W as WindowManager, M as ManagerOptions, a as ManagerState, b as WindowState } from './types-LP7Inhxx.js';
-import { D as DesktopBinder, b as DesktopController, a as DesktopOptions, W as WindowAttachOptions } from './binder-Ca3GOfZX.js';
+import { D as DesktopBinder, b as DesktopController, a as DesktopOptions, W as WindowAttachOptions } from './binder-CkmOoo1U.js';
 
 type ElementRef = (node: HTMLElement | null) => void;
 declare function useWindowManager(options?: ManagerOptions): WindowManager;

package/dist/react.js

@@ -1,4 +1,4 @@
-import { createWindowManager, createDesktopBinder } from './chunk-L43XBN44.js';
+import { createWindowManager, createDesktopBinder } from './chunk-3HLKVOSI.js';
 import { useState, useEffect, useSyncExternalStore, useCallback, useRef, useMemo } from 'react';
 
 function useWindowManager(options) {

package/dist/solid.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkRXAMUBUJ_cjs = require('./chunk-RXAMUBUJ.cjs');
+var chunkDYZQY3BE_cjs = require('./chunk-DYZQY3BE.cjs');
 var solidJs = require('solid-js');
 
 function disposeWithOwner(dispose) {
   if (solidJs.getOwner()) solidJs.onCleanup(dispose);
 }
 function useWindowManager(options) {
-  const wm = chunkRXAMUBUJ_cjs.createWindowManager(options);
+  const wm = chunkDYZQY3BE_cjs.createWindowManager(options);
   disposeWithOwner(() => wm.destroy());
   return wm;
 }
@@ -21,7 +21,7 @@ function useWmWindow(wm, id) {
   return () => state().windows[typeof id === "function" ? id() : id];
 }
 function createDesktop(wm, options) {
-  const binder = chunkRXAMUBUJ_cjs.createDesktopBinder(wm, options);
+  const binder = chunkDYZQY3BE_cjs.createDesktopBinder(wm, options);
   disposeWithOwner(() => binder.destroy());
   return {
     binder,

package/dist/solid.d.cts

@@ -1,6 +1,6 @@
 import { Accessor } from 'solid-js';
 import { W as WindowManager, M as ManagerOptions, a as ManagerState, b as WindowState } from './types-LP7Inhxx.cjs';
-import { D as DesktopBinder, W as WindowAttachOptions, a as DesktopOptions } from './binder-EBroZTRw.cjs';
+import { D as DesktopBinder, W as WindowAttachOptions, a as DesktopOptions } from './binder-CQzQJdVj.cjs';
 
 declare function useWindowManager(options?: ManagerOptions): WindowManager;
 declare function useWmState(wm: WindowManager): Accessor<ManagerState>;

package/dist/solid.d.ts

@@ -1,6 +1,6 @@
 import { Accessor } from 'solid-js';
 import { W as WindowManager, M as ManagerOptions, a as ManagerState, b as WindowState } from './types-LP7Inhxx.js';
-import { D as DesktopBinder, W as WindowAttachOptions, a as DesktopOptions } from './binder-Ca3GOfZX.js';
+import { D as DesktopBinder, W as WindowAttachOptions, a as DesktopOptions } from './binder-CkmOoo1U.js';
 
 declare function useWindowManager(options?: ManagerOptions): WindowManager;
 declare function useWmState(wm: WindowManager): Accessor<ManagerState>;

package/dist/solid.js

@@ -1,4 +1,4 @@
-import { createWindowManager, createDesktopBinder } from './chunk-L43XBN44.js';
+import { createWindowManager, createDesktopBinder } from './chunk-3HLKVOSI.js';
 import { createSignal, getOwner, onCleanup } from 'solid-js';
 
 function disposeWithOwner(dispose) {

package/dist/svelte.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkRXAMUBUJ_cjs = require('./chunk-RXAMUBUJ.cjs');
+var chunkDYZQY3BE_cjs = require('./chunk-DYZQY3BE.cjs');
 
 // src/adapters/svelte.ts
 function createManager(options) {
-  return chunkRXAMUBUJ_cjs.createWindowManager(options);
+  return chunkDYZQY3BE_cjs.createWindowManager(options);
 }
 function wmStore(wm) {
   return {
@@ -30,7 +30,7 @@ function wmWindowStore(wm, id) {
   };
 }
 function createDesktop(wm, options) {
-  const binder = chunkRXAMUBUJ_cjs.createDesktopBinder(wm, options);
+  const binder = chunkDYZQY3BE_cjs.createDesktopBinder(wm, options);
   return {
     binder,
     desktop(node) {

package/dist/svelte.d.cts

@@ -1,5 +1,5 @@
 import { W as WindowManager, M as ManagerOptions, a as ManagerState, b as WindowState } from './types-LP7Inhxx.cjs';
-import { W as WindowAttachOptions, D as DesktopBinder, a as DesktopOptions } from './binder-EBroZTRw.cjs';
+import { W as WindowAttachOptions, D as DesktopBinder, a as DesktopOptions } from './binder-CQzQJdVj.cjs';
 
 interface ReadableStore<T> {
     subscribe(run: (value: T) => void): () => void;

package/dist/svelte.d.ts

@@ -1,5 +1,5 @@
 import { W as WindowManager, M as ManagerOptions, a as ManagerState, b as WindowState } from './types-LP7Inhxx.js';
-import { W as WindowAttachOptions, D as DesktopBinder, a as DesktopOptions } from './binder-Ca3GOfZX.js';
+import { W as WindowAttachOptions, D as DesktopBinder, a as DesktopOptions } from './binder-CkmOoo1U.js';
 
 interface ReadableStore<T> {
     subscribe(run: (value: T) => void): () => void;

package/dist/svelte.js

@@ -1,4 +1,4 @@
-import { createWindowManager, createDesktopBinder } from './chunk-L43XBN44.js';
+import { createWindowManager, createDesktopBinder } from './chunk-3HLKVOSI.js';
 
 // src/adapters/svelte.ts
 function createManager(options) {

package/dist/themes/glass.css

@@ -99,7 +99,7 @@
 
 [data-wm-window] [data-wm-controls] {
   display: flex;
-  gap: 8px;
+  gap: 12px;
   align-items: center;
 }
 
@@ -111,12 +111,21 @@
   border-radius: 50%;
   border: none;
   padding: 0;
+  position: relative;
   cursor: pointer;
   transition:
     filter 120ms ease,
     transform 120ms ease;
 }
 
+[data-wm-window] [data-wm-close]::after,
+[data-wm-window] [data-wm-minimize]::after,
+[data-wm-window] [data-wm-maximize]::after {
+  content: "";
+  position: absolute;
+  inset: -6px;
+}
+
 [data-wm-window] [data-wm-close]:hover,
 [data-wm-window] [data-wm-minimize]:hover,
 [data-wm-window] [data-wm-maximize]:hover {
@@ -195,8 +204,65 @@
 
 @media (prefers-reduced-motion: reduce) {
   [data-wm-window],
-  [data-wm-snap-preview] {
+  [data-wm-snap-preview],
+  [data-wm-window] [data-wm-close],
+  [data-wm-window] [data-wm-minimize],
+  [data-wm-window] [data-wm-maximize] {
     transition: none;
     animation: none;
   }
+
+  [data-wm-window] [data-wm-close]:hover,
+  [data-wm-window] [data-wm-minimize]:hover,
+  [data-wm-window] [data-wm-maximize]:hover {
+    transform: none;
+  }
+}
+
+@media (forced-colors: active) {
+  [data-wm-window] {
+    background: Canvas;
+    border: 1px solid CanvasText;
+  }
+
+  [data-wm-window][data-wm-focused] {
+    border-color: Highlight;
+  }
+
+  [data-wm-window] [data-wm-drag] {
+    background: Canvas;
+    border-bottom: 1px solid CanvasText;
+  }
+
+  [data-wm-window] [data-wm-close],
+  [data-wm-window] [data-wm-minimize],
+  [data-wm-window] [data-wm-maximize] {
+    display: grid;
+    place-items: center;
+    width: 18px;
+    height: 16px;
+    border: 1px solid ButtonText;
+    border-radius: 2px;
+    background: ButtonFace;
+    color: ButtonText;
+    font-size: 10px;
+    line-height: 1;
+  }
+
+  [data-wm-window] [data-wm-close]::before {
+    content: "\2715";
+  }
+
+  [data-wm-window] [data-wm-minimize]::before {
+    content: "\2013";
+  }
+
+  [data-wm-window] [data-wm-maximize]::before {
+    content: "\25A1";
+  }
+
+  [data-wm-snap-preview] {
+    background: transparent;
+    border: 2px solid Highlight;
+  }
 }

package/dist/themes/light.css

@@ -99,7 +99,7 @@
 
 [data-wm-window] [data-wm-controls] {
   display: flex;
-  gap: 8px;
+  gap: 12px;
   align-items: center;
 }
 
@@ -111,12 +111,21 @@
   border-radius: 50%;
   border: none;
   padding: 0;
+  position: relative;
   cursor: pointer;
   transition:
     filter 120ms ease,
     transform 120ms ease;
 }
 
+[data-wm-window] [data-wm-close]::after,
+[data-wm-window] [data-wm-minimize]::after,
+[data-wm-window] [data-wm-maximize]::after {
+  content: "";
+  position: absolute;
+  inset: -6px;
+}
+
 [data-wm-window] [data-wm-close]:hover,
 [data-wm-window] [data-wm-minimize]:hover,
 [data-wm-window] [data-wm-maximize]:hover {
@@ -195,8 +204,65 @@
 
 @media (prefers-reduced-motion: reduce) {
   [data-wm-window],
-  [data-wm-snap-preview] {
+  [data-wm-snap-preview],
+  [data-wm-window] [data-wm-close],
+  [data-wm-window] [data-wm-minimize],
+  [data-wm-window] [data-wm-maximize] {
     transition: none;
     animation: none;
   }
+
+  [data-wm-window] [data-wm-close]:hover,
+  [data-wm-window] [data-wm-minimize]:hover,
+  [data-wm-window] [data-wm-maximize]:hover {
+    transform: none;
+  }
+}
+
+@media (forced-colors: active) {
+  [data-wm-window] {
+    background: Canvas;
+    border: 1px solid CanvasText;
+  }
+
+  [data-wm-window][data-wm-focused] {
+    border-color: Highlight;
+  }
+
+  [data-wm-window] [data-wm-drag] {
+    background: Canvas;
+    border-bottom: 1px solid CanvasText;
+  }
+
+  [data-wm-window] [data-wm-close],
+  [data-wm-window] [data-wm-minimize],
+  [data-wm-window] [data-wm-maximize] {
+    display: grid;
+    place-items: center;
+    width: 18px;
+    height: 16px;
+    border: 1px solid ButtonText;
+    border-radius: 2px;
+    background: ButtonFace;
+    color: ButtonText;
+    font-size: 10px;
+    line-height: 1;
+  }
+
+  [data-wm-window] [data-wm-close]::before {
+    content: "\2715";
+  }
+
+  [data-wm-window] [data-wm-minimize]::before {
+    content: "\2013";
+  }
+
+  [data-wm-window] [data-wm-maximize]::before {
+    content: "\25A1";
+  }
+
+  [data-wm-snap-preview] {
+    background: transparent;
+    border: 2px solid Highlight;
+  }
 }

package/dist/themes/retro.css

@@ -68,7 +68,7 @@
 
 [data-wm-window] [data-wm-controls] {
   display: flex;
-  gap: 2px;
+  gap: 8px;
   align-items: center;
 }
 
@@ -82,12 +82,21 @@
     var(--wm-face-light);
   background: var(--wm-face);
   padding: 0;
+  position: relative;
   cursor: pointer;
   font-size: 9px;
   line-height: 1;
   color: var(--wm-text);
 }
 
+[data-wm-window] [data-wm-close]::before,
+[data-wm-window] [data-wm-minimize]::before,
+[data-wm-window] [data-wm-maximize]::before {
+  content: "";
+  position: absolute;
+  inset: -5px -4px;
+}
+
 [data-wm-window] [data-wm-close]:active,
 [data-wm-window] [data-wm-minimize]:active,
 [data-wm-window] [data-wm-maximize]:active {
@@ -152,3 +161,39 @@
     translate: 2px 0;
   }
 }
+
+@media (prefers-reduced-motion: reduce) {
+  [data-wm-window] {
+    animation: none;
+  }
+}
+
+@media (forced-colors: active) {
+  [data-wm-window] {
+    background: Canvas;
+    border: 1px solid CanvasText;
+  }
+
+  [data-wm-window] [data-wm-drag] {
+    background: Canvas;
+    color: CanvasText;
+    border-bottom: 1px solid CanvasText;
+  }
+
+  [data-wm-window][data-wm-focused] [data-wm-drag] {
+    background: Highlight;
+    color: HighlightText;
+  }
+
+  [data-wm-window] [data-wm-close],
+  [data-wm-window] [data-wm-minimize],
+  [data-wm-window] [data-wm-maximize] {
+    border: 1px solid ButtonText;
+    background: ButtonFace;
+    color: ButtonText;
+  }
+
+  [data-wm-snap-preview] {
+    border: 2px solid Highlight;
+  }
+}

package/dist/vue.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkRXAMUBUJ_cjs = require('./chunk-RXAMUBUJ.cjs');
+var chunkDYZQY3BE_cjs = require('./chunk-DYZQY3BE.cjs');
 var vue = require('vue');
 
 function disposeWithScope(dispose) {
   if (vue.getCurrentScope()) vue.onScopeDispose(dispose);
 }
 function useWindowManager(options) {
-  const wm = chunkRXAMUBUJ_cjs.createWindowManager(options);
+  const wm = chunkDYZQY3BE_cjs.createWindowManager(options);
   disposeWithScope(() => wm.destroy());
   return wm;
 }
@@ -25,7 +25,7 @@ function useWmWindow(wm, id) {
   return vue.computed(() => state.value.windows[vue.toValue(id)]);
 }
 function useDesktop(wm, target, options) {
-  const binder = chunkRXAMUBUJ_cjs.createDesktopBinder(wm, options);
+  const binder = chunkDYZQY3BE_cjs.createDesktopBinder(wm, options);
   disposeWithScope(() => binder.destroy());
   vue.watch(
     target,

package/dist/vue.d.cts

@@ -1,6 +1,6 @@
 import { Ref, ShallowRef, MaybeRefOrGetter, ComputedRef } from 'vue';
 import { W as WindowManager, M as ManagerOptions, a as ManagerState, b as WindowState } from './types-LP7Inhxx.cjs';
-import { a as DesktopOptions, D as DesktopBinder, W as WindowAttachOptions } from './binder-EBroZTRw.cjs';
+import { a as DesktopOptions, D as DesktopBinder, W as WindowAttachOptions } from './binder-CQzQJdVj.cjs';
 
 declare function useWindowManager(options?: ManagerOptions): WindowManager;
 declare function useWmState(wm: WindowManager): ShallowRef<ManagerState>;

package/dist/vue.d.ts

@@ -1,6 +1,6 @@
 import { Ref, ShallowRef, MaybeRefOrGetter, ComputedRef } from 'vue';
 import { W as WindowManager, M as ManagerOptions, a as ManagerState, b as WindowState } from './types-LP7Inhxx.js';
-import { a as DesktopOptions, D as DesktopBinder, W as WindowAttachOptions } from './binder-Ca3GOfZX.js';
+import { a as DesktopOptions, D as DesktopBinder, W as WindowAttachOptions } from './binder-CkmOoo1U.js';
 
 declare function useWindowManager(options?: ManagerOptions): WindowManager;
 declare function useWmState(wm: WindowManager): ShallowRef<ManagerState>;

package/dist/vue.js

@@ -1,4 +1,4 @@
-import { createWindowManager, createDesktopBinder } from './chunk-L43XBN44.js';
+import { createWindowManager, createDesktopBinder } from './chunk-3HLKVOSI.js';
 import { shallowRef, computed, toValue, watch, getCurrentScope, onScopeDispose } from 'vue';
 
 function disposeWithScope(dispose) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@surdeddd/wmkit",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Headless, framework-agnostic window manager for the web — draggable, resizable, snappable windows with first-class accessibility and 60fps performance",
   "keywords": [
     "window-manager",
@@ -203,12 +203,12 @@
     {
       "name": "core",
       "path": "dist/index.js",
-      "limit": "13 kB"
+      "limit": "14 kB"
     },
     {
       "name": "react adapter",
       "path": "dist/react.js",
-      "limit": "13 kB",
+      "limit": "14 kB",
       "ignore": [
         "react"
       ]
@@ -216,7 +216,7 @@
     {
       "name": "vue adapter",
       "path": "dist/vue.js",
-      "limit": "13 kB",
+      "limit": "14 kB",
       "ignore": [
         "vue"
       ]
@@ -224,7 +224,7 @@
     {
       "name": "svelte adapter",
       "path": "dist/svelte.js",
-      "limit": "13 kB",
+      "limit": "14 kB",
       "ignore": [
         "svelte"
       ]
@@ -232,7 +232,7 @@
     {
       "name": "solid adapter",
       "path": "dist/solid.js",
-      "limit": "13 kB",
+      "limit": "14 kB",
       "ignore": [
         "solid-js"
       ]
@@ -240,7 +240,7 @@
     {
       "name": "angular adapter",
       "path": "dist/angular.js",
-      "limit": "13 kB",
+      "limit": "14 kB",
       "ignore": [
         "@angular/core"
       ]