refactor(cross-package): move getDeepActiveElement to @radix-ui/primitives

Author: cpsoinos

packages/core/deep-active-element/README.md

@@ -73,3 +73,17 @@ export function getActiveElement(
 export function isFrame(element: Element): element is HTMLIFrameElement {
   return element.tagName === 'IFRAME';
 }
+
+/**
+ * Utility to get the currently focused element even across Shadow DOM boundaries
+ */
+export function getDeepActiveElement(): Element | null {
+  let activeElement = document.activeElement;
+
+  // Traverse through shadow DOMs to find the deepest active element
+  while (activeElement && activeElement.shadowRoot && activeElement.shadowRoot.activeElement) {
+    activeElement = activeElement.shadowRoot.activeElement;
+  }
+
+  return activeElement;
+}

packages/core/deep-active-element/eslint.config.mjs

@@ -34,7 +34,7 @@
     "build": "radix-build"
   },
   "dependencies": {
-    "@radix-ui/deep-active-element": "workspace:*",
+    "@radix-ui/primitive": "workspace:*",
     "@radix-ui/react-compose-refs": "workspace:*",
     "@radix-ui/react-primitive": "workspace:*",
     "@radix-ui/react-use-callback-ref": "workspace:*"

packages/core/deep-active-element/package.json

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { Primitive } from '@radix-ui/react-primitive';
 import { useCallbackRef } from '@radix-ui/react-use-callback-ref';
-import { getDeepActiveElement } from '@radix-ui/deep-active-element';
+import { getDeepActiveElement } from '@radix-ui/primitive'
 
 const AUTOFOCUS_ON_MOUNT = 'focusScope.autoFocusOnMount';
 const AUTOFOCUS_ON_UNMOUNT = 'focusScope.autoFocusOnUnmount';

packages/core/deep-active-element/src/deep-active-element.ts

@@ -34,7 +34,6 @@
     "build": "radix-build"
   },
   "dependencies": {
-    "@radix-ui/deep-active-element": "workspace:*",
     "@radix-ui/primitive": "workspace:*",
     "@radix-ui/react-collection": "workspace:*",
     "@radix-ui/react-compose-refs": "workspace:*",