defuss-desktop 0.0.2 → 0.0.3

package/dist/index.cjs

@@ -46,7 +46,9 @@ class WindowManager {
   windows = [];
   constructor() {
     defuss.$(() => {
-      desktopManager.onResize(defussRuntime.debounce(this.onDesktopResized.bind(this), 50));
+      if (desktopManager?.onResize) {
+        desktopManager.onResize(defussRuntime.debounce(this.onDesktopResized.bind(this), 50));
+      }
     });
   }
   onDesktopResized(dimensions) {
@@ -290,6 +292,11 @@ function Window({
   }
 }) {
   let isDragging = false;
+  let dragPointerId = null;
+  let dragStartMouse = { x: 0, y: 0 };
+  let dragStartWin = { x: 0, y: 0 };
+  let lastWin = { x, y };
+  let capturedTitleBar = null;
   const initialWindowState = windowManager.addWindow({
     id,
     title,
@@ -301,7 +308,7 @@ function Window({
     minimizable,
     maximizable
   });
-  let dragStart = { x: initialWindowState.x, y: initialWindowState.y };
+  lastWin = { x: initialWindowState.x, y: initialWindowState.y };
   ref.state = {
     onClose: () => {
       console.log("Window closed");
@@ -315,15 +322,9 @@ function Window({
       console.log("Window maximized");
       onMaximize();
     },
-    minimize: () => {
-      windowManager.minimizeWindow(initialWindowState.id);
-    },
-    maximize: () => {
-      windowManager.maximizeWindow(initialWindowState.id);
-    },
-    restore: () => {
-      windowManager.restoreWindow(initialWindowState.id);
-    },
+    minimize: () => windowManager.minimizeWindow(initialWindowState.id),
+    maximize: () => windowManager.maximizeWindow(initialWindowState.id),
+    restore: () => windowManager.restoreWindow(initialWindowState.id),
     close: () => {
       console.log("Closing window");
       windowManager.closeWindow(initialWindowState.id);
@@ -334,45 +335,67 @@ function Window({
       windowManager.updateWindow(initialWindowState.id, newState);
     },
     250
-    // 1/4 second throttle
   );
-  const onMouseMove = async (event) => {
+  const onWindowMouseDown = (_event) => windowManager.setActiveWindow(initialWindowState.id);
+  const getCurrentWinPos = () => {
+    const el = ref.current;
+    if (!el) return { x: lastWin.x, y: lastWin.y };
+    const left = Number.parseFloat(el.style.left);
+    const top = Number.parseFloat(el.style.top);
+    return {
+      x: Number.isFinite(left) ? left : el.offsetLeft,
+      y: Number.isFinite(top) ? top : el.offsetTop
+    };
+  };
+  const stopDragging = (event) => {
     if (!isDragging) return;
-    const mouseEvent = event;
-    const win = await defuss.$(ref);
-    const deltaX = mouseEvent.clientX - dragStart.x;
-    const deltaY = mouseEvent.clientY - dragStart.y;
-    const currentOffset = await win.offset();
-    if (currentOffset) {
-      const newX = currentOffset.left + deltaX;
-      const newY = currentOffset.top + deltaY;
-      updateWindowState({ x: newX, y: newY });
-      await win.css({
-        left: `${newX}px`,
-        top: `${newY}px`
-      });
+    if (event && capturedTitleBar && typeof capturedTitleBar.releasePointerCapture === "function" && dragPointerId === event.pointerId) {
+      try {
+        capturedTitleBar.releasePointerCapture(event.pointerId);
+      } catch {
+      }
     }
-    dragStart = { x: mouseEvent.clientX, y: mouseEvent.clientY };
+    isDragging = false;
+    dragPointerId = null;
+    capturedTitleBar = null;
+    windowManager.updateWindow(initialWindowState.id, { x: lastWin.x, y: lastWin.y });
   };
-  const onWindowMouseDown = (event) => windowManager.setActiveWindow(initialWindowState.id);
-  const onMouseDown = (event) => {
-    if (event.target.tagName === "BUTTON") {
-      isDragging = false;
-      return;
-    }
+  const onTitlePointerDown = (event) => {
+    if (event.pointerType === "mouse" && event.button !== 0) return;
+    const target = event.target;
+    if (target?.tagName === "BUTTON") return;
+    const titleBarEl = target?.closest?.(".title-bar");
+    if (!titleBarEl) return;
+    windowManager.setActiveWindow(initialWindowState.id);
     isDragging = true;
-    dragStart = {
-      x: event.clientX,
-      y: event.clientY
-    };
-    defuss.$(document).on("mousemove", onMouseMove);
-    defuss.$(document).on("mouseup", onMouseUp);
+    dragPointerId = event.pointerId;
+    capturedTitleBar = titleBarEl;
+    dragStartMouse = { x: event.clientX, y: event.clientY };
+    dragStartWin = getCurrentWinPos();
+    if (typeof titleBarEl.setPointerCapture === "function") {
+      titleBarEl.setPointerCapture(event.pointerId);
+    }
     event.preventDefault();
   };
-  const onMouseUp = () => {
-    isDragging = false;
-    defuss.$(document).off("mousemove", onMouseMove);
-    defuss.$(document).off("mouseup", onMouseUp);
+  const onTitlePointerMove = (event) => {
+    if (!isDragging) return;
+    if (dragPointerId !== null && event.pointerId !== dragPointerId) return;
+    const newX = dragStartWin.x + (event.clientX - dragStartMouse.x);
+    const newY = dragStartWin.y + (event.clientY - dragStartMouse.y);
+    lastWin = { x: newX, y: newY };
+    const el = ref.current;
+    if (el) {
+      el.style.left = `${newX}px`;
+      el.style.top = `${newY}px`;
+    }
+    updateWindowState({ x: newX, y: newY });
+    event.preventDefault();
+  };
+  const onTitlePointerUp = (event) => {
+    stopDragging(event);
+  };
+  const onTitlePointerCancel = (event) => {
+    stopDragging(event);
   };
   const onWindowMounted = () => {
     windowManager.updateWindow(initialWindowState.id, {
@@ -380,17 +403,18 @@ function Window({
       ref
     });
     windowManager.setActiveWindow(initialWindowState.id);
+    defuss.$(document).on("blur", () => stopDragging());
+    defuss.$(document).on("visibilitychange", () => {
+      if (document.hidden) stopDragging();
+    });
   };
   const onCloseClick = () => windowManager.closeWindow(initialWindowState.id);
-  const onMaximizeClick = async () => {
+  const onMaximizeClick = () => {
     const currentState = windowManager.getWindow(initialWindowState.id);
-    if (currentState?.maximized) {
-      windowManager.restoreWindow(initialWindowState.id);
-    } else {
-      windowManager.maximizeWindow(initialWindowState.id);
-    }
+    if (currentState?.maximized) windowManager.restoreWindow(initialWindowState.id);
+    else windowManager.maximizeWindow(initialWindowState.id);
   };
-  const onMinimizeClick = async () => {
+  const onMinimizeClick = () => {
     windowManager.minimizeWindow(initialWindowState.id);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -412,36 +436,18 @@ function Window({
           {
             class: "title-bar",
             onMount: onWindowMounted,
-            onMouseDown,
-            onMouseUp,
-            onMouseMove,
+            onPointerDown: onTitlePointerDown,
+            onPointerMove: onTitlePointerMove,
+            onPointerUp: onTitlePointerUp,
+            onPointerCancel: onTitlePointerCancel,
+            onDblClick: onMaximizeClick,
+            style: { touchAction: "none" },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { class: "title-bar-text", children: title }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { class: "title-bar-controls", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": "Minimize",
-                    onClick: onMinimizeClick
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": "Maximize",
-                    onClick: onMaximizeClick
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": "Close",
-                    onClick: onCloseClick
-                  }
-                )
+                /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": "Minimize", onClick: onMinimizeClick }),
+                /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": "Maximize", onClick: onMaximizeClick }),
+                /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": "Close", onClick: onCloseClick })
               ] })
             ]
           }

package/dist/index.d.cts

@@ -1,15 +1,15 @@
 import * as defuss from 'defuss';
-import { Props, CallChainImpl, Dequery, NodeType, Ref } from 'defuss';
+import { Props, CallChainImpl, Dequery, Ref } from 'defuss';
 
-declare function Desktop({ ref }: Props): any;
+declare function Desktop({ ref }: Props<HTMLDivElement>): JSX.Element;
 
-interface ButtonProps extends Props {
+interface ButtonProps extends Props<HTMLButtonElement> {
     onClick?: () => void;
     disabled?: boolean;
 }
-declare function Button({ onClick, disabled, children, ref, }: ButtonProps): any;
+declare function Button({ onClick, disabled, children, ref, }: ButtonProps): JSX.Element;
 
-interface LogonScreenProps extends Props {
+interface LogonScreenProps extends Props<HTMLDivElement> {
     cDriveBasePath?: string;
     showGuestUser?: boolean;
     onTurnOffComputer?: () => void;
@@ -20,7 +20,7 @@ type LoginForm = {
     username: string;
     password: string;
 };
-declare const LogonScreen: ({ cDriveBasePath, showGuestUser, onTurnOffComputer, onGuestLogon, onUserLogonSubmit, ref, }: LogonScreenProps) => any;
+declare const LogonScreen: ({ cDriveBasePath, showGuestUser, onTurnOffComputer, onGuestLogon, onUserLogonSubmit, ref, }: LogonScreenProps) => JSX.Element;
 
 interface DefussAppConfig {
     name: string;
@@ -85,16 +85,16 @@ declare class DesktopManager {
 }
 declare const desktopManager: DesktopManager;
 
-interface ShellProps extends Props {
+interface ShellProps extends Props<HTMLDivElement> {
     desktopConfig: CreateDesktopOptions;
 }
-declare function Shell({ ref, desktopConfig, }: ShellProps): any;
+declare function Shell({ ref, desktopConfig, }: ShellProps): JSX.Element;
 
-declare const Taskbar: () => any;
+declare const Taskbar: () => JSX.Element;
 
-declare const StartButton: () => any;
+declare const StartButton: () => JSX.Element;
 
-declare const StartMenu: () => any;
+declare const StartMenu: () => JSX.Element;
 
 declare class DequeryWithWindowManager<NT> extends CallChainImpl<NT, DequeryWithWindowManager<NT> & Dequery<NT>> {
     createDesktopApp(options: DefussAppConfig): PromiseLike<DefussApp>;
@@ -107,7 +107,7 @@ declare class DequeryWithWindowManager<NT> extends CallChainImpl<NT, DequeryWith
  * @param options - Optional dequery options
  * @returns Extended dequery instance with createWindow and createTaskbar methods
  */
-declare const $: <NT = defuss.DequerySyncMethodReturnType>(selectorRefOrEl: string | NodeType | defuss.Ref<any, NodeType> | defuss.RenderInput | Function, options?: (defuss.DequeryOptions<NT> & JSX.HTMLAttributesLowerCase & {
+declare const $: <NT = defuss.NodeType>(selectorRefOrEl: string | defuss.NodeType | defuss.Ref<defuss.NodeType, any> | defuss.RenderInput | Function, options?: (defuss.DequeryOptions<NT> & JSX.HTMLAttributesLowerCase<defuss.DOMElement> & JSX.HTMLAttributesLowerCase<defuss.DOMElement> & {
     html?: string;
     text?: string;
 }) | undefined) => DequeryWithWindowManager<unknown>;
@@ -142,7 +142,7 @@ interface CreateWindowOptions {
 interface WindowState {
     id: string;
     el: HTMLElement;
-    ref: Ref<WindowRefState>;
+    ref: Ref<HTMLElement, WindowRefState>;
     title: string;
     icon: string;
     width: number;

package/dist/index.d.mts

@@ -1,15 +1,15 @@
 import * as defuss from 'defuss';
-import { Props, CallChainImpl, Dequery, NodeType, Ref } from 'defuss';
+import { Props, CallChainImpl, Dequery, Ref } from 'defuss';
 
-declare function Desktop({ ref }: Props): any;
+declare function Desktop({ ref }: Props<HTMLDivElement>): JSX.Element;
 
-interface ButtonProps extends Props {
+interface ButtonProps extends Props<HTMLButtonElement> {
     onClick?: () => void;
     disabled?: boolean;
 }
-declare function Button({ onClick, disabled, children, ref, }: ButtonProps): any;
+declare function Button({ onClick, disabled, children, ref, }: ButtonProps): JSX.Element;
 
-interface LogonScreenProps extends Props {
+interface LogonScreenProps extends Props<HTMLDivElement> {
     cDriveBasePath?: string;
     showGuestUser?: boolean;
     onTurnOffComputer?: () => void;
@@ -20,7 +20,7 @@ type LoginForm = {
     username: string;
     password: string;
 };
-declare const LogonScreen: ({ cDriveBasePath, showGuestUser, onTurnOffComputer, onGuestLogon, onUserLogonSubmit, ref, }: LogonScreenProps) => any;
+declare const LogonScreen: ({ cDriveBasePath, showGuestUser, onTurnOffComputer, onGuestLogon, onUserLogonSubmit, ref, }: LogonScreenProps) => JSX.Element;
 
 interface DefussAppConfig {
     name: string;
@@ -85,16 +85,16 @@ declare class DesktopManager {
 }
 declare const desktopManager: DesktopManager;
 
-interface ShellProps extends Props {
+interface ShellProps extends Props<HTMLDivElement> {
     desktopConfig: CreateDesktopOptions;
 }
-declare function Shell({ ref, desktopConfig, }: ShellProps): any;
+declare function Shell({ ref, desktopConfig, }: ShellProps): JSX.Element;
 
-declare const Taskbar: () => any;
+declare const Taskbar: () => JSX.Element;
 
-declare const StartButton: () => any;
+declare const StartButton: () => JSX.Element;
 
-declare const StartMenu: () => any;
+declare const StartMenu: () => JSX.Element;
 
 declare class DequeryWithWindowManager<NT> extends CallChainImpl<NT, DequeryWithWindowManager<NT> & Dequery<NT>> {
     createDesktopApp(options: DefussAppConfig): PromiseLike<DefussApp>;
@@ -107,7 +107,7 @@ declare class DequeryWithWindowManager<NT> extends CallChainImpl<NT, DequeryWith
  * @param options - Optional dequery options
  * @returns Extended dequery instance with createWindow and createTaskbar methods
  */
-declare const $: <NT = defuss.DequerySyncMethodReturnType>(selectorRefOrEl: string | NodeType | defuss.Ref<any, NodeType> | defuss.RenderInput | Function, options?: (defuss.DequeryOptions<NT> & JSX.HTMLAttributesLowerCase & {
+declare const $: <NT = defuss.NodeType>(selectorRefOrEl: string | defuss.NodeType | defuss.Ref<defuss.NodeType, any> | defuss.RenderInput | Function, options?: (defuss.DequeryOptions<NT> & JSX.HTMLAttributesLowerCase<defuss.DOMElement> & JSX.HTMLAttributesLowerCase<defuss.DOMElement> & {
     html?: string;
     text?: string;
 }) | undefined) => DequeryWithWindowManager<unknown>;
@@ -142,7 +142,7 @@ interface CreateWindowOptions {
 interface WindowState {
     id: string;
     el: HTMLElement;
-    ref: Ref<WindowRefState>;
+    ref: Ref<HTMLElement, WindowRefState>;
     title: string;
     icon: string;
     width: number;

package/dist/index.mjs

@@ -44,7 +44,9 @@ class WindowManager {
   windows = [];
   constructor() {
     $$1(() => {
-      desktopManager.onResize(debounce(this.onDesktopResized.bind(this), 50));
+      if (desktopManager?.onResize) {
+        desktopManager.onResize(debounce(this.onDesktopResized.bind(this), 50));
+      }
     });
   }
   onDesktopResized(dimensions) {
@@ -288,6 +290,11 @@ function Window({
   }
 }) {
   let isDragging = false;
+  let dragPointerId = null;
+  let dragStartMouse = { x: 0, y: 0 };
+  let dragStartWin = { x: 0, y: 0 };
+  let lastWin = { x, y };
+  let capturedTitleBar = null;
   const initialWindowState = windowManager.addWindow({
     id,
     title,
@@ -299,7 +306,7 @@ function Window({
     minimizable,
     maximizable
   });
-  let dragStart = { x: initialWindowState.x, y: initialWindowState.y };
+  lastWin = { x: initialWindowState.x, y: initialWindowState.y };
   ref.state = {
     onClose: () => {
       console.log("Window closed");
@@ -313,15 +320,9 @@ function Window({
       console.log("Window maximized");
       onMaximize();
     },
-    minimize: () => {
-      windowManager.minimizeWindow(initialWindowState.id);
-    },
-    maximize: () => {
-      windowManager.maximizeWindow(initialWindowState.id);
-    },
-    restore: () => {
-      windowManager.restoreWindow(initialWindowState.id);
-    },
+    minimize: () => windowManager.minimizeWindow(initialWindowState.id),
+    maximize: () => windowManager.maximizeWindow(initialWindowState.id),
+    restore: () => windowManager.restoreWindow(initialWindowState.id),
     close: () => {
       console.log("Closing window");
       windowManager.closeWindow(initialWindowState.id);
@@ -332,45 +333,67 @@ function Window({
       windowManager.updateWindow(initialWindowState.id, newState);
     },
     250
-    // 1/4 second throttle
   );
-  const onMouseMove = async (event) => {
+  const onWindowMouseDown = (_event) => windowManager.setActiveWindow(initialWindowState.id);
+  const getCurrentWinPos = () => {
+    const el = ref.current;
+    if (!el) return { x: lastWin.x, y: lastWin.y };
+    const left = Number.parseFloat(el.style.left);
+    const top = Number.parseFloat(el.style.top);
+    return {
+      x: Number.isFinite(left) ? left : el.offsetLeft,
+      y: Number.isFinite(top) ? top : el.offsetTop
+    };
+  };
+  const stopDragging = (event) => {
     if (!isDragging) return;
-    const mouseEvent = event;
-    const win = await $$1(ref);
-    const deltaX = mouseEvent.clientX - dragStart.x;
-    const deltaY = mouseEvent.clientY - dragStart.y;
-    const currentOffset = await win.offset();
-    if (currentOffset) {
-      const newX = currentOffset.left + deltaX;
-      const newY = currentOffset.top + deltaY;
-      updateWindowState({ x: newX, y: newY });
-      await win.css({
-        left: `${newX}px`,
-        top: `${newY}px`
-      });
+    if (event && capturedTitleBar && typeof capturedTitleBar.releasePointerCapture === "function" && dragPointerId === event.pointerId) {
+      try {
+        capturedTitleBar.releasePointerCapture(event.pointerId);
+      } catch {
+      }
     }
-    dragStart = { x: mouseEvent.clientX, y: mouseEvent.clientY };
+    isDragging = false;
+    dragPointerId = null;
+    capturedTitleBar = null;
+    windowManager.updateWindow(initialWindowState.id, { x: lastWin.x, y: lastWin.y });
   };
-  const onWindowMouseDown = (event) => windowManager.setActiveWindow(initialWindowState.id);
-  const onMouseDown = (event) => {
-    if (event.target.tagName === "BUTTON") {
-      isDragging = false;
-      return;
-    }
+  const onTitlePointerDown = (event) => {
+    if (event.pointerType === "mouse" && event.button !== 0) return;
+    const target = event.target;
+    if (target?.tagName === "BUTTON") return;
+    const titleBarEl = target?.closest?.(".title-bar");
+    if (!titleBarEl) return;
+    windowManager.setActiveWindow(initialWindowState.id);
     isDragging = true;
-    dragStart = {
-      x: event.clientX,
-      y: event.clientY
-    };
-    $$1(document).on("mousemove", onMouseMove);
-    $$1(document).on("mouseup", onMouseUp);
+    dragPointerId = event.pointerId;
+    capturedTitleBar = titleBarEl;
+    dragStartMouse = { x: event.clientX, y: event.clientY };
+    dragStartWin = getCurrentWinPos();
+    if (typeof titleBarEl.setPointerCapture === "function") {
+      titleBarEl.setPointerCapture(event.pointerId);
+    }
     event.preventDefault();
   };
-  const onMouseUp = () => {
-    isDragging = false;
-    $$1(document).off("mousemove", onMouseMove);
-    $$1(document).off("mouseup", onMouseUp);
+  const onTitlePointerMove = (event) => {
+    if (!isDragging) return;
+    if (dragPointerId !== null && event.pointerId !== dragPointerId) return;
+    const newX = dragStartWin.x + (event.clientX - dragStartMouse.x);
+    const newY = dragStartWin.y + (event.clientY - dragStartMouse.y);
+    lastWin = { x: newX, y: newY };
+    const el = ref.current;
+    if (el) {
+      el.style.left = `${newX}px`;
+      el.style.top = `${newY}px`;
+    }
+    updateWindowState({ x: newX, y: newY });
+    event.preventDefault();
+  };
+  const onTitlePointerUp = (event) => {
+    stopDragging(event);
+  };
+  const onTitlePointerCancel = (event) => {
+    stopDragging(event);
   };
   const onWindowMounted = () => {
     windowManager.updateWindow(initialWindowState.id, {
@@ -378,17 +401,18 @@ function Window({
       ref
     });
     windowManager.setActiveWindow(initialWindowState.id);
+    $$1(document).on("blur", () => stopDragging());
+    $$1(document).on("visibilitychange", () => {
+      if (document.hidden) stopDragging();
+    });
   };
   const onCloseClick = () => windowManager.closeWindow(initialWindowState.id);
-  const onMaximizeClick = async () => {
+  const onMaximizeClick = () => {
     const currentState = windowManager.getWindow(initialWindowState.id);
-    if (currentState?.maximized) {
-      windowManager.restoreWindow(initialWindowState.id);
-    } else {
-      windowManager.maximizeWindow(initialWindowState.id);
-    }
+    if (currentState?.maximized) windowManager.restoreWindow(initialWindowState.id);
+    else windowManager.maximizeWindow(initialWindowState.id);
   };
-  const onMinimizeClick = async () => {
+  const onMinimizeClick = () => {
     windowManager.minimizeWindow(initialWindowState.id);
   };
   return /* @__PURE__ */ jsxs(
@@ -410,36 +434,18 @@ function Window({
           {
             class: "title-bar",
             onMount: onWindowMounted,
-            onMouseDown,
-            onMouseUp,
-            onMouseMove,
+            onPointerDown: onTitlePointerDown,
+            onPointerMove: onTitlePointerMove,
+            onPointerUp: onTitlePointerUp,
+            onPointerCancel: onTitlePointerCancel,
+            onDblClick: onMaximizeClick,
+            style: { touchAction: "none" },
             children: [
               /* @__PURE__ */ jsx("div", { class: "title-bar-text", children: title }),
               /* @__PURE__ */ jsxs("div", { class: "title-bar-controls", children: [
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": "Minimize",
-                    onClick: onMinimizeClick
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": "Maximize",
-                    onClick: onMaximizeClick
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": "Close",
-                    onClick: onCloseClick
-                  }
-                )
+                /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Minimize", onClick: onMinimizeClick }),
+                /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Maximize", onClick: onMaximizeClick }),
+                /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Close", onClick: onCloseClick })
               ] })
             ]
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "defuss-desktop",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -53,9 +53,9 @@
     "node": "^18.17.1 || ^20.3.0 || >=21.0.0"
   },
   "dependencies": {
-    "defuss": "^2.1.10",
-    "defuss-runtime": "^1.2.1",
-    "defuss-transval": "^1.3.0"
+    "defuss": "workspace:*",
+    "defuss-runtime": "workspace:*",
+    "defuss-transval": "workspace:*"
   },
   "devDependencies": {
     "@vitest/coverage-v8": "^4.0.17",
@@ -65,4 +65,4 @@
     "typescript": "^5.9.3",
     "vitest": "^4.0.17"
   }
-}
+}