@surdeddd/wmkit 0.1.0

package/dist/persist.d.ts

@@ -0,0 +1,22 @@
+import { W as WindowManager } from './types-CtFzL_oA.js';
+
+interface PersistStorage {
+    getItem(key: string): string | null;
+    setItem(key: string, value: string): void;
+    removeItem(key: string): void;
+}
+interface PersistOptions {
+    key?: string;
+    storage?: PersistStorage;
+    debounce?: number;
+    autoRestore?: boolean;
+}
+interface PersistController {
+    restore(): boolean;
+    save(): void;
+    clear(): void;
+    destroy(): void;
+}
+declare function persist(wm: WindowManager, options?: PersistOptions): PersistController;
+
+export { type PersistController, type PersistOptions, type PersistStorage, persist };

package/dist/persist.js

@@ -0,0 +1,72 @@
+// src/persist.ts
+function defaultStorage() {
+  try {
+    const storage = globalThis.localStorage;
+    const probe = "__wmkit_probe__";
+    storage.setItem(probe, "1");
+    storage.removeItem(probe);
+    return storage;
+  } catch {
+    return null;
+  }
+}
+function persist(wm, options = {}) {
+  const key = options.key ?? "wmkit";
+  const storage = options.storage ?? defaultStorage();
+  const debounce = options.debounce ?? 150;
+  let timer;
+  let suspended = false;
+  function save() {
+    if (!storage) return;
+    try {
+      storage.setItem(key, JSON.stringify(wm.serialize()));
+    } catch {
+    }
+  }
+  function restore() {
+    if (!storage) return false;
+    let raw = null;
+    try {
+      raw = storage.getItem(key);
+    } catch {
+      return false;
+    }
+    if (!raw) return false;
+    let data;
+    try {
+      data = JSON.parse(raw);
+    } catch {
+      return false;
+    }
+    suspended = true;
+    const restored = wm.hydrate(data);
+    suspended = false;
+    return restored;
+  }
+  function clear() {
+    if (!storage) return;
+    try {
+      storage.removeItem(key);
+    } catch {
+    }
+  }
+  const unsubscribe = wm.subscribe(() => {
+    if (suspended || !storage) return;
+    if (timer !== void 0) clearTimeout(timer);
+    timer = setTimeout(save, debounce);
+  });
+  if (options.autoRestore !== false) restore();
+  return {
+    restore,
+    save,
+    clear,
+    destroy() {
+      unsubscribe();
+      if (timer !== void 0) clearTimeout(timer);
+    }
+  };
+}
+
+export { persist };
+//# sourceMappingURL=persist.js.map
+//# sourceMappingURL=persist.js.map

package/dist/persist.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/persist.ts"],"names":[],"mappings":";AAsBA,SAAS,cAAA,GAAwC;AAC/C,EAAA,IAAI;AACF,IAAA,MAAM,UAAU,UAAA,CAAW,YAAA;AAC3B,IAAA,MAAM,KAAA,GAAQ,iBAAA;AACd,IAAA,OAAA,CAAQ,OAAA,CAAQ,OAAO,GAAG,CAAA;AAC1B,IAAA,OAAA,CAAQ,WAAW,KAAK,CAAA;AACxB,IAAA,OAAO,OAAA;AAAA,EACT,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,IAAA;AAAA,EACT;AACF;AAEO,SAAS,OAAA,CAAQ,EAAA,EAAmB,OAAA,GAA0B,EAAC,EAAsB;AAC1F,EAAA,MAAM,GAAA,GAAM,QAAQ,GAAA,IAAO,OAAA;AAC3B,EAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,OAAA,IAAW,cAAA,EAAe;AAClD,EAAA,MAAM,QAAA,GAAW,QAAQ,QAAA,IAAY,GAAA;AACrC,EAAA,IAAI,KAAA;AACJ,EAAA,IAAI,SAAA,GAAY,KAAA;AAEhB,EAAA,SAAS,IAAA,GAAa;AACpB,IAAA,IAAI,CAAC,OAAA,EAAS;AACd,IAAA,IAAI;AACF,MAAA,OAAA,CAAQ,QAAQ,GAAA,EAAK,IAAA,CAAK,UAAU,EAAA,CAAG,SAAA,EAAW,CAAC,CAAA;AAAA,IACrD,CAAA,CAAA,MAAQ;AAAA,IAAC;AAAA,EACX;AAEA,EAAA,SAAS,OAAA,GAAmB;AAC1B,IAAA,IAAI,CAAC,SAAS,OAAO,KAAA;AACrB,IAAA,IAAI,GAAA,GAAqB,IAAA;AACzB,IAAA,IAAI;AACF,MAAA,GAAA,GAAM,OAAA,CAAQ,QAAQ,GAAG,CAAA;AAAA,IAC3B,CAAA,CAAA,MAAQ;AACN,MAAA,OAAO,KAAA;AAAA,IACT;AACA,IAAA,IAAI,CAAC,KAAK,OAAO,KAAA;AACjB,IAAA,IAAI,IAAA;AACJ,IAAA,IAAI;AACF,MAAA,IAAA,GAAO,IAAA,CAAK,MAAM,GAAG,CAAA;AAAA,IACvB,CAAA,CAAA,MAAQ;AACN,MAAA,OAAO,KAAA;AAAA,IACT;AACA,IAAA,SAAA,GAAY,IAAA;AACZ,IAAA,MAAM,QAAA,GAAW,EAAA,CAAG,OAAA,CAAQ,IAAI,CAAA;AAChC,IAAA,SAAA,GAAY,KAAA;AACZ,IAAA,OAAO,QAAA;AAAA,EACT;AAEA,EAAA,SAAS,KAAA,GAAc;AACrB,IAAA,IAAI,CAAC,OAAA,EAAS;AACd,IAAA,IAAI;AACF,MAAA,OAAA,CAAQ,WAAW,GAAG,CAAA;AAAA,IACxB,CAAA,CAAA,MAAQ;AAAA,IAAC;AAAA,EACX;AAEA,EAAA,MAAM,WAAA,GAAc,EAAA,CAAG,SAAA,CAAU,MAAM;AACrC,IAAA,IAAI,SAAA,IAAa,CAAC,OAAA,EAAS;AAC3B,IAAA,IAAI,KAAA,KAAU,MAAA,EAAW,YAAA,CAAa,KAAK,CAAA;AAC3C,IAAA,KAAA,GAAQ,UAAA,CAAW,MAAM,QAAQ,CAAA;AAAA,EACnC,CAAC,CAAA;AAED,EAAA,IAAI,OAAA,CAAQ,WAAA,KAAgB,KAAA,EAAO,OAAA,EAAQ;AAE3C,EAAA,OAAO;AAAA,IACL,OAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA,GAAU;AACR,MAAA,WAAA,EAAY;AACZ,MAAA,IAAI,KAAA,KAAU,MAAA,EAAW,YAAA,CAAa,KAAK,CAAA;AAAA,IAC7C;AAAA,GACF;AACF","file":"persist.js","sourcesContent":["import type { SerializedState, WindowManager } from './core/types'\n\nexport interface PersistStorage {\n  getItem(key: string): string | null\n  setItem(key: string, value: string): void\n  removeItem(key: string): void\n}\n\nexport interface PersistOptions {\n  key?: string\n  storage?: PersistStorage\n  debounce?: number\n  autoRestore?: boolean\n}\n\nexport interface PersistController {\n  restore(): boolean\n  save(): void\n  clear(): void\n  destroy(): void\n}\n\nfunction defaultStorage(): PersistStorage | null {\n  try {\n    const storage = globalThis.localStorage\n    const probe = '__wmkit_probe__'\n    storage.setItem(probe, '1')\n    storage.removeItem(probe)\n    return storage\n  } catch {\n    return null\n  }\n}\n\nexport function persist(wm: WindowManager, options: PersistOptions = {}): PersistController {\n  const key = options.key ?? 'wmkit'\n  const storage = options.storage ?? defaultStorage()\n  const debounce = options.debounce ?? 150\n  let timer: ReturnType<typeof setTimeout> | undefined\n  let suspended = false\n\n  function save(): void {\n    if (!storage) return\n    try {\n      storage.setItem(key, JSON.stringify(wm.serialize()))\n    } catch {}\n  }\n\n  function restore(): boolean {\n    if (!storage) return false\n    let raw: string | null = null\n    try {\n      raw = storage.getItem(key)\n    } catch {\n      return false\n    }\n    if (!raw) return false\n    let data: SerializedState\n    try {\n      data = JSON.parse(raw) as SerializedState\n    } catch {\n      return false\n    }\n    suspended = true\n    const restored = wm.hydrate(data)\n    suspended = false\n    return restored\n  }\n\n  function clear(): void {\n    if (!storage) return\n    try {\n      storage.removeItem(key)\n    } catch {}\n  }\n\n  const unsubscribe = wm.subscribe(() => {\n    if (suspended || !storage) return\n    if (timer !== undefined) clearTimeout(timer)\n    timer = setTimeout(save, debounce)\n  })\n\n  if (options.autoRestore !== false) restore()\n\n  return {\n    restore,\n    save,\n    clear,\n    destroy() {\n      unsubscribe()\n      if (timer !== undefined) clearTimeout(timer)\n    },\n  }\n}\n"]}

package/dist/popout.cjs

@@ -0,0 +1,66 @@
+'use strict';
+
+// src/popout.ts
+function isPopoutSupported() {
+  return typeof window !== "undefined" && window.documentPictureInPicture !== void 0;
+}
+function copyStylesInto(pipWindow, source) {
+  for (const sheet of Array.from(source.styleSheets)) {
+    const owner = sheet.ownerNode;
+    if (!owner) continue;
+    try {
+      const rules = Array.from(sheet.cssRules).map((rule) => rule.cssText).join("\n");
+      const style = pipWindow.document.createElement("style");
+      style.textContent = rules;
+      pipWindow.document.head.append(style);
+    } catch {
+      if (owner instanceof HTMLLinkElement && owner.href) {
+        const link = pipWindow.document.createElement("link");
+        link.rel = "stylesheet";
+        link.href = owner.href;
+        pipWindow.document.head.append(link);
+      }
+    }
+  }
+}
+async function popout(wm, id, content, options = {}) {
+  const win = wm.get(id);
+  if (!win) throw new Error(`wmkit: cannot pop out unknown window "${id}"`);
+  const api = typeof window !== "undefined" ? window.documentPictureInPicture : void 0;
+  if (!api) throw new Error("wmkit: Document Picture-in-Picture is not supported in this browser");
+  const pipWindow = await api.requestWindow({
+    width: options.width ?? Math.round(win.bounds.width),
+    height: options.height ?? Math.round(win.bounds.height)
+  });
+  if (options.copyStyles !== false) copyStylesInto(pipWindow, content.ownerDocument);
+  const parent = content.parentNode;
+  const marker = content.ownerDocument.createComment("wmkit-popout");
+  parent?.insertBefore(marker, content);
+  pipWindow.document.body.append(content);
+  pipWindow.document.title = win.title;
+  const minimizeWhilePopped = options.minimizeWhilePopped !== false;
+  if (minimizeWhilePopped) wm.minimize(id);
+  let closed = false;
+  function handleReturn() {
+    if (closed) return;
+    closed = true;
+    if (marker.parentNode) {
+      marker.parentNode.insertBefore(content, marker);
+      marker.remove();
+    }
+    if (minimizeWhilePopped && wm.get(id)) wm.restore(id);
+  }
+  pipWindow.addEventListener("pagehide", handleReturn);
+  return {
+    pipWindow,
+    close() {
+      pipWindow.close();
+      handleReturn();
+    }
+  };
+}
+
+exports.isPopoutSupported = isPopoutSupported;
+exports.popout = popout;
+//# sourceMappingURL=popout.cjs.map
+//# sourceMappingURL=popout.cjs.map

package/dist/popout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/popout.ts"],"names":[],"mappings":"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","file":"popout.cjs","sourcesContent":["import type { WindowManager } from './core/types'\n\ninterface DocumentPictureInPictureApi {\n  requestWindow(options?: {\n    width?: number\n    height?: number\n    disallowReturnToOpener?: boolean\n  }): Promise<Window>\n}\n\ndeclare global {\n  interface Window {\n    documentPictureInPicture?: DocumentPictureInPictureApi\n  }\n}\n\nexport interface PopoutOptions {\n  width?: number\n  height?: number\n  copyStyles?: boolean\n  minimizeWhilePopped?: boolean\n}\n\nexport interface PopoutHandle {\n  pipWindow: Window\n  close(): void\n}\n\nexport function isPopoutSupported(): boolean {\n  return typeof window !== 'undefined' && window.documentPictureInPicture !== undefined\n}\n\nfunction copyStylesInto(pipWindow: Window, source: Document): void {\n  for (const sheet of Array.from(source.styleSheets)) {\n    const owner = sheet.ownerNode\n    if (!owner) continue\n    try {\n      const rules = Array.from(sheet.cssRules)\n        .map((rule) => rule.cssText)\n        .join('\\n')\n      const style = pipWindow.document.createElement('style')\n      style.textContent = rules\n      pipWindow.document.head.append(style)\n    } catch {\n      if (owner instanceof HTMLLinkElement && owner.href) {\n        const link = pipWindow.document.createElement('link')\n        link.rel = 'stylesheet'\n        link.href = owner.href\n        pipWindow.document.head.append(link)\n      }\n    }\n  }\n}\n\nexport async function popout(\n  wm: WindowManager,\n  id: string,\n  content: HTMLElement,\n  options: PopoutOptions = {},\n): Promise<PopoutHandle> {\n  const win = wm.get(id)\n  if (!win) throw new Error(`wmkit: cannot pop out unknown window \"${id}\"`)\n  const api = typeof window !== 'undefined' ? window.documentPictureInPicture : undefined\n  if (!api) throw new Error('wmkit: Document Picture-in-Picture is not supported in this browser')\n\n  const pipWindow = await api.requestWindow({\n    width: options.width ?? Math.round(win.bounds.width),\n    height: options.height ?? Math.round(win.bounds.height),\n  })\n\n  if (options.copyStyles !== false) copyStylesInto(pipWindow, content.ownerDocument)\n\n  const parent = content.parentNode\n  const marker = content.ownerDocument.createComment('wmkit-popout')\n  parent?.insertBefore(marker, content)\n  pipWindow.document.body.append(content)\n  pipWindow.document.title = win.title\n\n  const minimizeWhilePopped = options.minimizeWhilePopped !== false\n  if (minimizeWhilePopped) wm.minimize(id)\n\n  let closed = false\n  function handleReturn(): void {\n    if (closed) return\n    closed = true\n    if (marker.parentNode) {\n      marker.parentNode.insertBefore(content, marker)\n      marker.remove()\n    }\n    if (minimizeWhilePopped && wm.get(id)) wm.restore(id)\n  }\n\n  pipWindow.addEventListener('pagehide', handleReturn)\n\n  return {\n    pipWindow,\n    close() {\n      pipWindow.close()\n      handleReturn()\n    },\n  }\n}\n"]}

package/dist/popout.d.cts

@@ -0,0 +1,28 @@
+import { W as WindowManager } from './types-CtFzL_oA.cjs';
+
+interface DocumentPictureInPictureApi {
+    requestWindow(options?: {
+        width?: number;
+        height?: number;
+        disallowReturnToOpener?: boolean;
+    }): Promise<Window>;
+}
+declare global {
+    interface Window {
+        documentPictureInPicture?: DocumentPictureInPictureApi;
+    }
+}
+interface PopoutOptions {
+    width?: number;
+    height?: number;
+    copyStyles?: boolean;
+    minimizeWhilePopped?: boolean;
+}
+interface PopoutHandle {
+    pipWindow: Window;
+    close(): void;
+}
+declare function isPopoutSupported(): boolean;
+declare function popout(wm: WindowManager, id: string, content: HTMLElement, options?: PopoutOptions): Promise<PopoutHandle>;
+
+export { type PopoutHandle, type PopoutOptions, isPopoutSupported, popout };

package/dist/popout.d.ts

@@ -0,0 +1,28 @@
+import { W as WindowManager } from './types-CtFzL_oA.js';
+
+interface DocumentPictureInPictureApi {
+    requestWindow(options?: {
+        width?: number;
+        height?: number;
+        disallowReturnToOpener?: boolean;
+    }): Promise<Window>;
+}
+declare global {
+    interface Window {
+        documentPictureInPicture?: DocumentPictureInPictureApi;
+    }
+}
+interface PopoutOptions {
+    width?: number;
+    height?: number;
+    copyStyles?: boolean;
+    minimizeWhilePopped?: boolean;
+}
+interface PopoutHandle {
+    pipWindow: Window;
+    close(): void;
+}
+declare function isPopoutSupported(): boolean;
+declare function popout(wm: WindowManager, id: string, content: HTMLElement, options?: PopoutOptions): Promise<PopoutHandle>;
+
+export { type PopoutHandle, type PopoutOptions, isPopoutSupported, popout };

package/dist/popout.js

@@ -0,0 +1,63 @@
+// src/popout.ts
+function isPopoutSupported() {
+  return typeof window !== "undefined" && window.documentPictureInPicture !== void 0;
+}
+function copyStylesInto(pipWindow, source) {
+  for (const sheet of Array.from(source.styleSheets)) {
+    const owner = sheet.ownerNode;
+    if (!owner) continue;
+    try {
+      const rules = Array.from(sheet.cssRules).map((rule) => rule.cssText).join("\n");
+      const style = pipWindow.document.createElement("style");
+      style.textContent = rules;
+      pipWindow.document.head.append(style);
+    } catch {
+      if (owner instanceof HTMLLinkElement && owner.href) {
+        const link = pipWindow.document.createElement("link");
+        link.rel = "stylesheet";
+        link.href = owner.href;
+        pipWindow.document.head.append(link);
+      }
+    }
+  }
+}
+async function popout(wm, id, content, options = {}) {
+  const win = wm.get(id);
+  if (!win) throw new Error(`wmkit: cannot pop out unknown window "${id}"`);
+  const api = typeof window !== "undefined" ? window.documentPictureInPicture : void 0;
+  if (!api) throw new Error("wmkit: Document Picture-in-Picture is not supported in this browser");
+  const pipWindow = await api.requestWindow({
+    width: options.width ?? Math.round(win.bounds.width),
+    height: options.height ?? Math.round(win.bounds.height)
+  });
+  if (options.copyStyles !== false) copyStylesInto(pipWindow, content.ownerDocument);
+  const parent = content.parentNode;
+  const marker = content.ownerDocument.createComment("wmkit-popout");
+  parent?.insertBefore(marker, content);
+  pipWindow.document.body.append(content);
+  pipWindow.document.title = win.title;
+  const minimizeWhilePopped = options.minimizeWhilePopped !== false;
+  if (minimizeWhilePopped) wm.minimize(id);
+  let closed = false;
+  function handleReturn() {
+    if (closed) return;
+    closed = true;
+    if (marker.parentNode) {
+      marker.parentNode.insertBefore(content, marker);
+      marker.remove();
+    }
+    if (minimizeWhilePopped && wm.get(id)) wm.restore(id);
+  }
+  pipWindow.addEventListener("pagehide", handleReturn);
+  return {
+    pipWindow,
+    close() {
+      pipWindow.close();
+      handleReturn();
+    }
+  };
+}
+
+export { isPopoutSupported, popout };
+//# sourceMappingURL=popout.js.map
+//# sourceMappingURL=popout.js.map

package/dist/popout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/popout.ts"],"names":[],"mappings":"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","file":"popout.js","sourcesContent":["import type { WindowManager } from './core/types'\n\ninterface DocumentPictureInPictureApi {\n  requestWindow(options?: {\n    width?: number\n    height?: number\n    disallowReturnToOpener?: boolean\n  }): Promise<Window>\n}\n\ndeclare global {\n  interface Window {\n    documentPictureInPicture?: DocumentPictureInPictureApi\n  }\n}\n\nexport interface PopoutOptions {\n  width?: number\n  height?: number\n  copyStyles?: boolean\n  minimizeWhilePopped?: boolean\n}\n\nexport interface PopoutHandle {\n  pipWindow: Window\n  close(): void\n}\n\nexport function isPopoutSupported(): boolean {\n  return typeof window !== 'undefined' && window.documentPictureInPicture !== undefined\n}\n\nfunction copyStylesInto(pipWindow: Window, source: Document): void {\n  for (const sheet of Array.from(source.styleSheets)) {\n    const owner = sheet.ownerNode\n    if (!owner) continue\n    try {\n      const rules = Array.from(sheet.cssRules)\n        .map((rule) => rule.cssText)\n        .join('\\n')\n      const style = pipWindow.document.createElement('style')\n      style.textContent = rules\n      pipWindow.document.head.append(style)\n    } catch {\n      if (owner instanceof HTMLLinkElement && owner.href) {\n        const link = pipWindow.document.createElement('link')\n        link.rel = 'stylesheet'\n        link.href = owner.href\n        pipWindow.document.head.append(link)\n      }\n    }\n  }\n}\n\nexport async function popout(\n  wm: WindowManager,\n  id: string,\n  content: HTMLElement,\n  options: PopoutOptions = {},\n): Promise<PopoutHandle> {\n  const win = wm.get(id)\n  if (!win) throw new Error(`wmkit: cannot pop out unknown window \"${id}\"`)\n  const api = typeof window !== 'undefined' ? window.documentPictureInPicture : undefined\n  if (!api) throw new Error('wmkit: Document Picture-in-Picture is not supported in this browser')\n\n  const pipWindow = await api.requestWindow({\n    width: options.width ?? Math.round(win.bounds.width),\n    height: options.height ?? Math.round(win.bounds.height),\n  })\n\n  if (options.copyStyles !== false) copyStylesInto(pipWindow, content.ownerDocument)\n\n  const parent = content.parentNode\n  const marker = content.ownerDocument.createComment('wmkit-popout')\n  parent?.insertBefore(marker, content)\n  pipWindow.document.body.append(content)\n  pipWindow.document.title = win.title\n\n  const minimizeWhilePopped = options.minimizeWhilePopped !== false\n  if (minimizeWhilePopped) wm.minimize(id)\n\n  let closed = false\n  function handleReturn(): void {\n    if (closed) return\n    closed = true\n    if (marker.parentNode) {\n      marker.parentNode.insertBefore(content, marker)\n      marker.remove()\n    }\n    if (minimizeWhilePopped && wm.get(id)) wm.restore(id)\n  }\n\n  pipWindow.addEventListener('pagehide', handleReturn)\n\n  return {\n    pipWindow,\n    close() {\n      pipWindow.close()\n      handleReturn()\n    },\n  }\n}\n"]}

package/dist/react.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+var chunkKWLI7JIY_cjs = require('./chunk-KWLI7JIY.cjs');
+var react = require('react');
+
+function useWindowManager(options) {
+  const [wm] = react.useState(() => chunkKWLI7JIY_cjs.createWindowManager(options));
+  react.useEffect(() => () => wm.destroy(), [wm]);
+  return wm;
+}
+function useWmState(wm) {
+  return react.useSyncExternalStore(wm.subscribe, wm.getState, wm.getState);
+}
+function useWmWindow(wm, id) {
+  const getSnapshot = react.useCallback(() => wm.get(id), [wm, id]);
+  return react.useSyncExternalStore(wm.subscribe, getSnapshot, getSnapshot);
+}
+function useDesktop(wm, options) {
+  const optionsRef = react.useRef(options);
+  const binder = react.useMemo(() => chunkKWLI7JIY_cjs.createDesktopBinder(wm, optionsRef.current), [wm]);
+  const cleanupRef = react.useRef(null);
+  const ref = react.useCallback(
+    (node) => {
+      if (node) {
+        cleanupRef.current = binder.bindDesktop(node);
+      } else {
+        cleanupRef.current?.();
+        cleanupRef.current = null;
+      }
+    },
+    [binder]
+  );
+  return { ref, binder, controller: binder.controller };
+}
+function useWmWindowRef(binder, id, options) {
+  const optionsRef = react.useRef(options);
+  const cleanupRef = react.useRef(null);
+  return react.useCallback(
+    (node) => {
+      if (node) {
+        cleanupRef.current = binder.bindWindow(id, node, optionsRef.current);
+      } else {
+        cleanupRef.current?.();
+        cleanupRef.current = null;
+      }
+    },
+    [binder, id]
+  );
+}
+
+exports.useDesktop = useDesktop;
+exports.useWindowManager = useWindowManager;
+exports.useWmState = useWmState;
+exports.useWmWindow = useWmWindow;
+exports.useWmWindowRef = useWmWindowRef;
+//# sourceMappingURL=react.cjs.map
+//# sourceMappingURL=react.cjs.map

package/dist/react.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react.ts"],"names":["useState","createWindowManager","useEffect","useSyncExternalStore","useCallback","useRef","useMemo","createDesktopBinder"],"mappings":";;;;;AAaO,SAAS,iBAAiB,OAAA,EAAyC;AACxE,EAAA,MAAM,CAAC,EAAE,CAAA,GAAIA,eAAS,MAAMC,qCAAA,CAAoB,OAAO,CAAC,CAAA;AACxD,EAAAC,eAAA,CAAU,MAAM,MAAM,EAAA,CAAG,SAAQ,EAAG,CAAC,EAAE,CAAC,CAAA;AACxC,EAAA,OAAO,EAAA;AACT;AAEO,SAAS,WAAW,EAAA,EAAiC;AAC1D,EAAA,OAAOC,2BAAqB,EAAA,CAAG,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,GAAG,QAAQ,CAAA;AACpE;AAEO,SAAS,WAAA,CAAY,IAAmB,EAAA,EAAqC;AAClF,EAAA,MAAM,WAAA,GAAcC,iBAAA,CAAY,MAAM,EAAA,CAAG,GAAA,CAAI,EAAE,CAAA,EAAG,CAAC,EAAA,EAAI,EAAE,CAAC,CAAA;AAC1D,EAAA,OAAOD,0BAAA,CAAqB,EAAA,CAAG,SAAA,EAAW,WAAA,EAAa,WAAW,CAAA;AACpE;AAQO,SAAS,UAAA,CAAW,IAAmB,OAAA,EAA4C;AACxF,EAAA,MAAM,UAAA,GAAaE,aAAO,OAAO,CAAA;AACjC,EAAA,MAAM,MAAA,GAASC,aAAA,CAAQ,MAAMC,qCAAA,CAAoB,EAAA,EAAI,WAAW,OAAO,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAC9E,EAAA,MAAM,UAAA,GAAaF,aAA4B,IAAI,CAAA;AACnD,EAAA,MAAM,GAAA,GAAMD,iBAAA;AAAA,IACV,CAAC,IAAA,KAAS;AACR,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,UAAA,CAAW,OAAA,GAAU,MAAA,CAAO,WAAA,CAAY,IAAI,CAAA;AAAA,MAC9C,CAAA,MAAO;AACL,QAAA,UAAA,CAAW,OAAA,IAAU;AACrB,QAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,MACvB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,MAAM;AAAA,GACT;AACA,EAAA,OAAO,EAAE,GAAA,EAAK,MAAA,EAAQ,UAAA,EAAY,OAAO,UAAA,EAAW;AACtD;AAEO,SAAS,cAAA,CACd,MAAA,EACA,EAAA,EACA,OAAA,EACY;AACZ,EAAA,MAAM,UAAA,GAAaC,aAAO,OAAO,CAAA;AACjC,EAAA,MAAM,UAAA,GAAaA,aAA4B,IAAI,CAAA;AACnD,EAAA,OAAOD,iBAAA;AAAA,IACL,CAAC,IAAA,KAAS;AACR,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,UAAA,CAAW,UAAU,MAAA,CAAO,UAAA,CAAW,EAAA,EAAI,IAAA,EAAM,WAAW,OAAO,CAAA;AAAA,MACrE,CAAA,MAAO;AACL,QAAA,UAAA,CAAW,OAAA,IAAU;AACrB,QAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,MACvB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,QAAQ,EAAE;AAAA,GACb;AACF","file":"react.cjs","sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react'\nimport { createWindowManager } from './core/manager'\nimport type { ManagerOptions, ManagerState, WindowManager, WindowState } from './core/types'\nimport {\n  createDesktopBinder,\n  type DesktopBinder,\n  type DesktopController,\n  type DesktopOptions,\n  type WindowAttachOptions,\n} from './dom/controller'\n\nexport type ElementRef = (node: HTMLElement | null) => void\n\nexport function useWindowManager(options?: ManagerOptions): WindowManager {\n  const [wm] = useState(() => createWindowManager(options))\n  useEffect(() => () => wm.destroy(), [wm])\n  return wm\n}\n\nexport function useWmState(wm: WindowManager): ManagerState {\n  return useSyncExternalStore(wm.subscribe, wm.getState, wm.getState)\n}\n\nexport function useWmWindow(wm: WindowManager, id: string): WindowState | undefined {\n  const getSnapshot = useCallback(() => wm.get(id), [wm, id])\n  return useSyncExternalStore(wm.subscribe, getSnapshot, getSnapshot)\n}\n\nexport interface UseDesktopResult {\n  ref: ElementRef\n  binder: DesktopBinder\n  controller(): DesktopController | null\n}\n\nexport function useDesktop(wm: WindowManager, options?: DesktopOptions): UseDesktopResult {\n  const optionsRef = useRef(options)\n  const binder = useMemo(() => createDesktopBinder(wm, optionsRef.current), [wm])\n  const cleanupRef = useRef<(() => void) | null>(null)\n  const ref = useCallback<ElementRef>(\n    (node) => {\n      if (node) {\n        cleanupRef.current = binder.bindDesktop(node)\n      } else {\n        cleanupRef.current?.()\n        cleanupRef.current = null\n      }\n    },\n    [binder],\n  )\n  return { ref, binder, controller: binder.controller }\n}\n\nexport function useWmWindowRef(\n  binder: DesktopBinder,\n  id: string,\n  options?: WindowAttachOptions,\n): ElementRef {\n  const optionsRef = useRef(options)\n  const cleanupRef = useRef<(() => void) | null>(null)\n  return useCallback<ElementRef>(\n    (node) => {\n      if (node) {\n        cleanupRef.current = binder.bindWindow(id, node, optionsRef.current)\n      } else {\n        cleanupRef.current?.()\n        cleanupRef.current = null\n      }\n    },\n    [binder, id],\n  )\n}\n"]}

package/dist/react.d.cts

@@ -0,0 +1,16 @@
+import { W as WindowManager, M as ManagerOptions, b as ManagerState, i as WindowState } from './types-CtFzL_oA.cjs';
+import { D as DesktopBinder, b as DesktopController, d as DesktopOptions, W as WindowAttachOptions } from './controller-B0bogK9N.cjs';
+
+type ElementRef = (node: HTMLElement | null) => void;
+declare function useWindowManager(options?: ManagerOptions): WindowManager;
+declare function useWmState(wm: WindowManager): ManagerState;
+declare function useWmWindow(wm: WindowManager, id: string): WindowState | undefined;
+interface UseDesktopResult {
+    ref: ElementRef;
+    binder: DesktopBinder;
+    controller(): DesktopController | null;
+}
+declare function useDesktop(wm: WindowManager, options?: DesktopOptions): UseDesktopResult;
+declare function useWmWindowRef(binder: DesktopBinder, id: string, options?: WindowAttachOptions): ElementRef;
+
+export { type ElementRef, type UseDesktopResult, useDesktop, useWindowManager, useWmState, useWmWindow, useWmWindowRef };

package/dist/react.d.ts

@@ -0,0 +1,16 @@
+import { W as WindowManager, M as ManagerOptions, b as ManagerState, i as WindowState } from './types-CtFzL_oA.js';
+import { D as DesktopBinder, b as DesktopController, d as DesktopOptions, W as WindowAttachOptions } from './controller-D5zIriLg.js';
+
+type ElementRef = (node: HTMLElement | null) => void;
+declare function useWindowManager(options?: ManagerOptions): WindowManager;
+declare function useWmState(wm: WindowManager): ManagerState;
+declare function useWmWindow(wm: WindowManager, id: string): WindowState | undefined;
+interface UseDesktopResult {
+    ref: ElementRef;
+    binder: DesktopBinder;
+    controller(): DesktopController | null;
+}
+declare function useDesktop(wm: WindowManager, options?: DesktopOptions): UseDesktopResult;
+declare function useWmWindowRef(binder: DesktopBinder, id: string, options?: WindowAttachOptions): ElementRef;
+
+export { type ElementRef, type UseDesktopResult, useDesktop, useWindowManager, useWmState, useWmWindow, useWmWindowRef };

package/dist/react.js

@@ -0,0 +1,51 @@
+import { createWindowManager, createDesktopBinder } from './chunk-7HHDQEBI.js';
+import { useState, useEffect, useSyncExternalStore, useCallback, useRef, useMemo } from 'react';
+
+function useWindowManager(options) {
+  const [wm] = useState(() => createWindowManager(options));
+  useEffect(() => () => wm.destroy(), [wm]);
+  return wm;
+}
+function useWmState(wm) {
+  return useSyncExternalStore(wm.subscribe, wm.getState, wm.getState);
+}
+function useWmWindow(wm, id) {
+  const getSnapshot = useCallback(() => wm.get(id), [wm, id]);
+  return useSyncExternalStore(wm.subscribe, getSnapshot, getSnapshot);
+}
+function useDesktop(wm, options) {
+  const optionsRef = useRef(options);
+  const binder = useMemo(() => createDesktopBinder(wm, optionsRef.current), [wm]);
+  const cleanupRef = useRef(null);
+  const ref = useCallback(
+    (node) => {
+      if (node) {
+        cleanupRef.current = binder.bindDesktop(node);
+      } else {
+        cleanupRef.current?.();
+        cleanupRef.current = null;
+      }
+    },
+    [binder]
+  );
+  return { ref, binder, controller: binder.controller };
+}
+function useWmWindowRef(binder, id, options) {
+  const optionsRef = useRef(options);
+  const cleanupRef = useRef(null);
+  return useCallback(
+    (node) => {
+      if (node) {
+        cleanupRef.current = binder.bindWindow(id, node, optionsRef.current);
+      } else {
+        cleanupRef.current?.();
+        cleanupRef.current = null;
+      }
+    },
+    [binder, id]
+  );
+}
+
+export { useDesktop, useWindowManager, useWmState, useWmWindow, useWmWindowRef };
+//# sourceMappingURL=react.js.map
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react.ts"],"names":[],"mappings":";;;AAaO,SAAS,iBAAiB,OAAA,EAAyC;AACxE,EAAA,MAAM,CAAC,EAAE,CAAA,GAAI,SAAS,MAAM,mBAAA,CAAoB,OAAO,CAAC,CAAA;AACxD,EAAA,SAAA,CAAU,MAAM,MAAM,EAAA,CAAG,SAAQ,EAAG,CAAC,EAAE,CAAC,CAAA;AACxC,EAAA,OAAO,EAAA;AACT;AAEO,SAAS,WAAW,EAAA,EAAiC;AAC1D,EAAA,OAAO,qBAAqB,EAAA,CAAG,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,GAAG,QAAQ,CAAA;AACpE;AAEO,SAAS,WAAA,CAAY,IAAmB,EAAA,EAAqC;AAClF,EAAA,MAAM,WAAA,GAAc,WAAA,CAAY,MAAM,EAAA,CAAG,GAAA,CAAI,EAAE,CAAA,EAAG,CAAC,EAAA,EAAI,EAAE,CAAC,CAAA;AAC1D,EAAA,OAAO,oBAAA,CAAqB,EAAA,CAAG,SAAA,EAAW,WAAA,EAAa,WAAW,CAAA;AACpE;AAQO,SAAS,UAAA,CAAW,IAAmB,OAAA,EAA4C;AACxF,EAAA,MAAM,UAAA,GAAa,OAAO,OAAO,CAAA;AACjC,EAAA,MAAM,MAAA,GAAS,OAAA,CAAQ,MAAM,mBAAA,CAAoB,EAAA,EAAI,WAAW,OAAO,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAC9E,EAAA,MAAM,UAAA,GAAa,OAA4B,IAAI,CAAA;AACnD,EAAA,MAAM,GAAA,GAAM,WAAA;AAAA,IACV,CAAC,IAAA,KAAS;AACR,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,UAAA,CAAW,OAAA,GAAU,MAAA,CAAO,WAAA,CAAY,IAAI,CAAA;AAAA,MAC9C,CAAA,MAAO;AACL,QAAA,UAAA,CAAW,OAAA,IAAU;AACrB,QAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,MACvB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,MAAM;AAAA,GACT;AACA,EAAA,OAAO,EAAE,GAAA,EAAK,MAAA,EAAQ,UAAA,EAAY,OAAO,UAAA,EAAW;AACtD;AAEO,SAAS,cAAA,CACd,MAAA,EACA,EAAA,EACA,OAAA,EACY;AACZ,EAAA,MAAM,UAAA,GAAa,OAAO,OAAO,CAAA;AACjC,EAAA,MAAM,UAAA,GAAa,OAA4B,IAAI,CAAA;AACnD,EAAA,OAAO,WAAA;AAAA,IACL,CAAC,IAAA,KAAS;AACR,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,UAAA,CAAW,UAAU,MAAA,CAAO,UAAA,CAAW,EAAA,EAAI,IAAA,EAAM,WAAW,OAAO,CAAA;AAAA,MACrE,CAAA,MAAO;AACL,QAAA,UAAA,CAAW,OAAA,IAAU;AACrB,QAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,MACvB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,QAAQ,EAAE;AAAA,GACb;AACF","file":"react.js","sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react'\nimport { createWindowManager } from './core/manager'\nimport type { ManagerOptions, ManagerState, WindowManager, WindowState } from './core/types'\nimport {\n  createDesktopBinder,\n  type DesktopBinder,\n  type DesktopController,\n  type DesktopOptions,\n  type WindowAttachOptions,\n} from './dom/controller'\n\nexport type ElementRef = (node: HTMLElement | null) => void\n\nexport function useWindowManager(options?: ManagerOptions): WindowManager {\n  const [wm] = useState(() => createWindowManager(options))\n  useEffect(() => () => wm.destroy(), [wm])\n  return wm\n}\n\nexport function useWmState(wm: WindowManager): ManagerState {\n  return useSyncExternalStore(wm.subscribe, wm.getState, wm.getState)\n}\n\nexport function useWmWindow(wm: WindowManager, id: string): WindowState | undefined {\n  const getSnapshot = useCallback(() => wm.get(id), [wm, id])\n  return useSyncExternalStore(wm.subscribe, getSnapshot, getSnapshot)\n}\n\nexport interface UseDesktopResult {\n  ref: ElementRef\n  binder: DesktopBinder\n  controller(): DesktopController | null\n}\n\nexport function useDesktop(wm: WindowManager, options?: DesktopOptions): UseDesktopResult {\n  const optionsRef = useRef(options)\n  const binder = useMemo(() => createDesktopBinder(wm, optionsRef.current), [wm])\n  const cleanupRef = useRef<(() => void) | null>(null)\n  const ref = useCallback<ElementRef>(\n    (node) => {\n      if (node) {\n        cleanupRef.current = binder.bindDesktop(node)\n      } else {\n        cleanupRef.current?.()\n        cleanupRef.current = null\n      }\n    },\n    [binder],\n  )\n  return { ref, binder, controller: binder.controller }\n}\n\nexport function useWmWindowRef(\n  binder: DesktopBinder,\n  id: string,\n  options?: WindowAttachOptions,\n): ElementRef {\n  const optionsRef = useRef(options)\n  const cleanupRef = useRef<(() => void) | null>(null)\n  return useCallback<ElementRef>(\n    (node) => {\n      if (node) {\n        cleanupRef.current = binder.bindWindow(id, node, optionsRef.current)\n      } else {\n        cleanupRef.current?.()\n        cleanupRef.current = null\n      }\n    },\n    [binder, id],\n  )\n}\n"]}

package/dist/solid.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+var chunkKWLI7JIY_cjs = require('./chunk-KWLI7JIY.cjs');
+var solidJs = require('solid-js');
+
+function disposeWithOwner(dispose) {
+  if (solidJs.getOwner()) solidJs.onCleanup(dispose);
+}
+function useWindowManager(options) {
+  const wm = chunkKWLI7JIY_cjs.createWindowManager(options);
+  disposeWithOwner(() => wm.destroy());
+  return wm;
+}
+function useWmState(wm) {
+  const [state, setState] = solidJs.createSignal(wm.getState());
+  disposeWithOwner(wm.subscribe((next) => setState(next)));
+  return state;
+}
+function useWmWindow(wm, id) {
+  const state = useWmState(wm);
+  return () => state().windows[typeof id === "function" ? id() : id];
+}
+function createDesktop(wm, options) {
+  const binder = chunkKWLI7JIY_cjs.createDesktopBinder(wm, options);
+  return {
+    binder,
+    desktop(element) {
+      const unbind = binder.bindDesktop(element);
+      disposeWithOwner(unbind);
+    },
+    window(id, options2) {
+      return (element) => {
+        const unbind = binder.bindWindow(id, element, options2);
+        disposeWithOwner(unbind);
+      };
+    }
+  };
+}
+
+exports.createDesktop = createDesktop;
+exports.useWindowManager = useWindowManager;
+exports.useWmState = useWmState;
+exports.useWmWindow = useWmWindow;
+//# sourceMappingURL=solid.cjs.map
+//# sourceMappingURL=solid.cjs.map

package/dist/solid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/solid.ts"],"names":["getOwner","onCleanup","createWindowManager","createSignal","createDesktopBinder","options"],"mappings":";;;;;AAUA,SAAS,iBAAiB,OAAA,EAA2B;AACnD,EAAA,IAAIA,gBAAA,EAAS,EAAGC,iBAAA,CAAU,OAAO,CAAA;AACnC;AAEO,SAAS,iBAAiB,OAAA,EAAyC;AACxE,EAAA,MAAM,EAAA,GAAKC,sCAAoB,OAAO,CAAA;AACtC,EAAA,gBAAA,CAAiB,MAAM,EAAA,CAAG,OAAA,EAAS,CAAA;AACnC,EAAA,OAAO,EAAA;AACT;AAEO,SAAS,WAAW,EAAA,EAA2C;AACpE,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,IAAIC,oBAAA,CAAa,EAAA,CAAG,UAAU,CAAA;AACpD,EAAA,gBAAA,CAAiB,GAAG,SAAA,CAAU,CAAC,SAAS,QAAA,CAAS,IAAI,CAAC,CAAC,CAAA;AACvD,EAAA,OAAO,KAAA;AACT;AAEO,SAAS,WAAA,CACd,IACA,EAAA,EACmC;AACnC,EAAA,MAAM,KAAA,GAAQ,WAAW,EAAE,CAAA;AAC3B,EAAA,OAAO,MAAM,OAAM,CAAE,OAAA,CAAQ,OAAO,EAAA,KAAO,UAAA,GAAa,EAAA,EAAG,GAAI,EAAE,CAAA;AACnE;AAQO,SAAS,aAAA,CAAc,IAAmB,OAAA,EAAwC;AACvF,EAAA,MAAM,MAAA,GAASC,qCAAA,CAAoB,EAAA,EAAI,OAAO,CAAA;AAC9C,EAAA,OAAO;AAAA,IACL,MAAA;AAAA,IACA,QAAQ,OAAA,EAAS;AACf,MAAA,MAAM,MAAA,GAAS,MAAA,CAAO,WAAA,CAAY,OAAO,CAAA;AACzC,MAAA,gBAAA,CAAiB,MAAM,CAAA;AAAA,IACzB,CAAA;AAAA,IACA,MAAA,CAAO,IAAIC,QAAAA,EAAS;AAClB,MAAA,OAAO,CAAC,OAAA,KAAY;AAClB,QAAA,MAAM,MAAA,GAAS,MAAA,CAAO,UAAA,CAAW,EAAA,EAAI,SAASA,QAAO,CAAA;AACrD,QAAA,gBAAA,CAAiB,MAAM,CAAA;AAAA,MACzB,CAAA;AAAA,IACF;AAAA,GACF;AACF","file":"solid.cjs","sourcesContent":["import { type Accessor, createSignal, getOwner, onCleanup } from 'solid-js'\nimport { createWindowManager } from './core/manager'\nimport type { ManagerOptions, ManagerState, WindowManager, WindowState } from './core/types'\nimport {\n  createDesktopBinder,\n  type DesktopBinder,\n  type DesktopOptions,\n  type WindowAttachOptions,\n} from './dom/controller'\n\nfunction disposeWithOwner(dispose: () => void): void {\n  if (getOwner()) onCleanup(dispose)\n}\n\nexport function useWindowManager(options?: ManagerOptions): WindowManager {\n  const wm = createWindowManager(options)\n  disposeWithOwner(() => wm.destroy())\n  return wm\n}\n\nexport function useWmState(wm: WindowManager): Accessor<ManagerState> {\n  const [state, setState] = createSignal(wm.getState())\n  disposeWithOwner(wm.subscribe((next) => setState(next)))\n  return state\n}\n\nexport function useWmWindow(\n  wm: WindowManager,\n  id: string | Accessor<string>,\n): Accessor<WindowState | undefined> {\n  const state = useWmState(wm)\n  return () => state().windows[typeof id === 'function' ? id() : id]\n}\n\nexport interface SolidDesktop {\n  binder: DesktopBinder\n  desktop(element: HTMLElement): void\n  window(id: string, options?: WindowAttachOptions): (element: HTMLElement) => void\n}\n\nexport function createDesktop(wm: WindowManager, options?: DesktopOptions): SolidDesktop {\n  const binder = createDesktopBinder(wm, options)\n  return {\n    binder,\n    desktop(element) {\n      const unbind = binder.bindDesktop(element)\n      disposeWithOwner(unbind)\n    },\n    window(id, options) {\n      return (element) => {\n        const unbind = binder.bindWindow(id, element, options)\n        disposeWithOwner(unbind)\n      }\n    },\n  }\n}\n"]}

package/dist/solid.d.cts

@@ -0,0 +1,15 @@
+import { Accessor } from 'solid-js';
+import { W as WindowManager, M as ManagerOptions, b as ManagerState, i as WindowState } from './types-CtFzL_oA.cjs';
+import { D as DesktopBinder, W as WindowAttachOptions, d as DesktopOptions } from './controller-B0bogK9N.cjs';
+
+declare function useWindowManager(options?: ManagerOptions): WindowManager;
+declare function useWmState(wm: WindowManager): Accessor<ManagerState>;
+declare function useWmWindow(wm: WindowManager, id: string | Accessor<string>): Accessor<WindowState | undefined>;
+interface SolidDesktop {
+    binder: DesktopBinder;
+    desktop(element: HTMLElement): void;
+    window(id: string, options?: WindowAttachOptions): (element: HTMLElement) => void;
+}
+declare function createDesktop(wm: WindowManager, options?: DesktopOptions): SolidDesktop;
+
+export { type SolidDesktop, createDesktop, useWindowManager, useWmState, useWmWindow };

package/dist/solid.d.ts

@@ -0,0 +1,15 @@
+import { Accessor } from 'solid-js';
+import { W as WindowManager, M as ManagerOptions, b as ManagerState, i as WindowState } from './types-CtFzL_oA.js';
+import { D as DesktopBinder, W as WindowAttachOptions, d as DesktopOptions } from './controller-D5zIriLg.js';
+
+declare function useWindowManager(options?: ManagerOptions): WindowManager;
+declare function useWmState(wm: WindowManager): Accessor<ManagerState>;
+declare function useWmWindow(wm: WindowManager, id: string | Accessor<string>): Accessor<WindowState | undefined>;
+interface SolidDesktop {
+    binder: DesktopBinder;
+    desktop(element: HTMLElement): void;
+    window(id: string, options?: WindowAttachOptions): (element: HTMLElement) => void;
+}
+declare function createDesktop(wm: WindowManager, options?: DesktopOptions): SolidDesktop;
+
+export { type SolidDesktop, createDesktop, useWindowManager, useWmState, useWmWindow };

package/dist/solid.js

@@ -0,0 +1,40 @@
+import { createWindowManager, createDesktopBinder } from './chunk-7HHDQEBI.js';
+import { createSignal, getOwner, onCleanup } from 'solid-js';
+
+function disposeWithOwner(dispose) {
+  if (getOwner()) onCleanup(dispose);
+}
+function useWindowManager(options) {
+  const wm = createWindowManager(options);
+  disposeWithOwner(() => wm.destroy());
+  return wm;
+}
+function useWmState(wm) {
+  const [state, setState] = createSignal(wm.getState());
+  disposeWithOwner(wm.subscribe((next) => setState(next)));
+  return state;
+}
+function useWmWindow(wm, id) {
+  const state = useWmState(wm);
+  return () => state().windows[typeof id === "function" ? id() : id];
+}
+function createDesktop(wm, options) {
+  const binder = createDesktopBinder(wm, options);
+  return {
+    binder,
+    desktop(element) {
+      const unbind = binder.bindDesktop(element);
+      disposeWithOwner(unbind);
+    },
+    window(id, options2) {
+      return (element) => {
+        const unbind = binder.bindWindow(id, element, options2);
+        disposeWithOwner(unbind);
+      };
+    }
+  };
+}
+
+export { createDesktop, useWindowManager, useWmState, useWmWindow };
+//# sourceMappingURL=solid.js.map
+//# sourceMappingURL=solid.js.map

package/dist/solid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/solid.ts"],"names":["options"],"mappings":";;;AAUA,SAAS,iBAAiB,OAAA,EAA2B;AACnD,EAAA,IAAI,QAAA,EAAS,EAAG,SAAA,CAAU,OAAO,CAAA;AACnC;AAEO,SAAS,iBAAiB,OAAA,EAAyC;AACxE,EAAA,MAAM,EAAA,GAAK,oBAAoB,OAAO,CAAA;AACtC,EAAA,gBAAA,CAAiB,MAAM,EAAA,CAAG,OAAA,EAAS,CAAA;AACnC,EAAA,OAAO,EAAA;AACT;AAEO,SAAS,WAAW,EAAA,EAA2C;AACpE,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,IAAI,YAAA,CAAa,EAAA,CAAG,UAAU,CAAA;AACpD,EAAA,gBAAA,CAAiB,GAAG,SAAA,CAAU,CAAC,SAAS,QAAA,CAAS,IAAI,CAAC,CAAC,CAAA;AACvD,EAAA,OAAO,KAAA;AACT;AAEO,SAAS,WAAA,CACd,IACA,EAAA,EACmC;AACnC,EAAA,MAAM,KAAA,GAAQ,WAAW,EAAE,CAAA;AAC3B,EAAA,OAAO,MAAM,OAAM,CAAE,OAAA,CAAQ,OAAO,EAAA,KAAO,UAAA,GAAa,EAAA,EAAG,GAAI,EAAE,CAAA;AACnE;AAQO,SAAS,aAAA,CAAc,IAAmB,OAAA,EAAwC;AACvF,EAAA,MAAM,MAAA,GAAS,mBAAA,CAAoB,EAAA,EAAI,OAAO,CAAA;AAC9C,EAAA,OAAO;AAAA,IACL,MAAA;AAAA,IACA,QAAQ,OAAA,EAAS;AACf,MAAA,MAAM,MAAA,GAAS,MAAA,CAAO,WAAA,CAAY,OAAO,CAAA;AACzC,MAAA,gBAAA,CAAiB,MAAM,CAAA;AAAA,IACzB,CAAA;AAAA,IACA,MAAA,CAAO,IAAIA,QAAAA,EAAS;AAClB,MAAA,OAAO,CAAC,OAAA,KAAY;AAClB,QAAA,MAAM,MAAA,GAAS,MAAA,CAAO,UAAA,CAAW,EAAA,EAAI,SAASA,QAAO,CAAA;AACrD,QAAA,gBAAA,CAAiB,MAAM,CAAA;AAAA,MACzB,CAAA;AAAA,IACF;AAAA,GACF;AACF","file":"solid.js","sourcesContent":["import { type Accessor, createSignal, getOwner, onCleanup } from 'solid-js'\nimport { createWindowManager } from './core/manager'\nimport type { ManagerOptions, ManagerState, WindowManager, WindowState } from './core/types'\nimport {\n  createDesktopBinder,\n  type DesktopBinder,\n  type DesktopOptions,\n  type WindowAttachOptions,\n} from './dom/controller'\n\nfunction disposeWithOwner(dispose: () => void): void {\n  if (getOwner()) onCleanup(dispose)\n}\n\nexport function useWindowManager(options?: ManagerOptions): WindowManager {\n  const wm = createWindowManager(options)\n  disposeWithOwner(() => wm.destroy())\n  return wm\n}\n\nexport function useWmState(wm: WindowManager): Accessor<ManagerState> {\n  const [state, setState] = createSignal(wm.getState())\n  disposeWithOwner(wm.subscribe((next) => setState(next)))\n  return state\n}\n\nexport function useWmWindow(\n  wm: WindowManager,\n  id: string | Accessor<string>,\n): Accessor<WindowState | undefined> {\n  const state = useWmState(wm)\n  return () => state().windows[typeof id === 'function' ? id() : id]\n}\n\nexport interface SolidDesktop {\n  binder: DesktopBinder\n  desktop(element: HTMLElement): void\n  window(id: string, options?: WindowAttachOptions): (element: HTMLElement) => void\n}\n\nexport function createDesktop(wm: WindowManager, options?: DesktopOptions): SolidDesktop {\n  const binder = createDesktopBinder(wm, options)\n  return {\n    binder,\n    desktop(element) {\n      const unbind = binder.bindDesktop(element)\n      disposeWithOwner(unbind)\n    },\n    window(id, options) {\n      return (element) => {\n        const unbind = binder.bindWindow(id, element, options)\n        disposeWithOwner(unbind)\n      }\n    },\n  }\n}\n"]}