fix: use dom-query/isActiveElement in createScope

Author: nikparo

packages/core/src/scope.ts

@@ -1,12 +1,11 @@
-import { getActiveElement, getDocument } from "@zag-js/dom-query"
+import { getActiveElement, getDocument, isActiveElement } from "@zag-js/dom-query"
 import type { Scope } from "./types"
 
 export function createScope(props: Pick<Scope, "id" | "ids" | "getRootNode">) {
   const getRootNode = () => (props.getRootNode?.() ?? document) as Document | ShadowRoot
   const getDoc = () => getDocument(getRootNode())
   const getWin = () => getDoc().defaultView ?? window
   const getActiveElementFn = () => getActiveElement(getRootNode())
-  const isActiveElement = (elem: HTMLElement | null) => elem === getActiveElementFn()
   const getById = <T extends Element = HTMLElement>(id: string) => getRootNode().getElementById(id) as T | null
   return {
     ...props,

packages/utilities/dom-query/src/scope.ts

@@ -1,5 +1,5 @@
 import { setElementValue } from "./form"
-import { getActiveElement, getDocument } from "./node"
+import { getActiveElement, getDocument, isActiveElement } from "./node"
 import type { HTMLElementWithValue } from "./types"
 
 export interface ScopeContext {
@@ -12,7 +12,7 @@ export function createScope<T>(methods: T) {
     getDoc: (ctx: ScopeContext) => getDocument(dom.getRootNode(ctx)),
     getWin: (ctx: ScopeContext) => dom.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx: ScopeContext) => getActiveElement(dom.getRootNode(ctx)),
-    isActiveElement: (ctx: ScopeContext, elem: HTMLElement | null) => elem === dom.getActiveElement(ctx),
+    isActiveElement,
     getById: <T extends Element = HTMLElement>(ctx: ScopeContext, id: string) =>
       dom.getRootNode(ctx).getElementById(id) as T | null,
     setValue: <T extends HTMLElementWithValue>(elem: T | null, value: string | number | null | undefined) => {