@ariakit/react-core 0.3.2 → 0.3.4

package/esm/utils/store.js

@@ -2,7 +2,7 @@ import {
   useStore,
   useStoreProps,
   useStoreState
-} from "../__chunks/XXO3VVQU.js";
+} from "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/utils/system.d.ts

@@ -27,7 +27,7 @@ export declare function memo<P, T extends React.FC<P>>(Component: T, propsAreEqu
  *
  * <Component customProp render={<button />} />
  */
-export declare function createComponent<O extends Options>(render: (props: Props<O>) => React.ReactElement): Component<O>;
+export declare function createComponent<O extends Options>(render: (props: Props<O>) => React.ReactNode): Component<O>;
 /**
  * Creates a type-safe component with the `as` prop, `React.forwardRef` and
  * `React.memo`.
@@ -46,7 +46,7 @@ export declare function createComponent<O extends Options>(render: (props: Props
  *
  * <Component customProp render={<button />} />
  */
-export declare function createMemoComponent<O extends Options>(render: (props: Props<O>) => React.ReactElement): Component<O>;
+export declare function createMemoComponent<O extends Options>(render: (props: Props<O>) => React.ReactNode): Component<O>;
 /**
  * Creates a React element that supports the `render` and `wrapElement` props.
  * @example

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ariakit/react-core",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "Ariakit React core",
   "sideEffects": false,
   "license": "MIT",
@@ -30,7 +30,7 @@
     "core"
   ],
   "dependencies": {
-    "@ariakit/core": "0.3.2",
+    "@ariakit/core": "0.3.3",
     "@floating-ui/dom": "^1.0.0",
     "use-sync-external-store": "^1.2.0"
   },
@@ -611,9 +611,9 @@
       "import": "./esm/dialog/utils/is-backdrop.js",
       "require": "./cjs/dialog/utils/is-backdrop.cjs"
     },
-    "./dialog/utils/disable-tree-outside": {
-      "import": "./esm/dialog/utils/disable-tree-outside.js",
-      "require": "./cjs/dialog/utils/disable-tree-outside.cjs"
+    "./dialog/utils/disable-tree": {
+      "import": "./esm/dialog/utils/disable-tree.js",
+      "require": "./cjs/dialog/utils/disable-tree.cjs"
     },
     "./dialog/utils/disable-accessibility-tree-outside": {
       "import": "./esm/dialog/utils/disable-accessibility-tree-outside.js",

package/cjs/__chunks/PD5YFDLO.cjs

@@ -1,41 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/dialog/utils/walk-tree-outside.ts
-var _dom = require('@ariakit/core/utils/dom');
-var ignoreTags = ["SCRIPT", "STYLE"];
-function isValidElement(element, ignoredElements) {
-  if (ignoreTags.includes(element.tagName))
-    return false;
-  return !ignoredElements.some(
-    (enabledElement) => enabledElement && _dom.contains.call(void 0, element, enabledElement)
-  );
-}
-function walkTreeOutside(elements, callback, ancestorCallback) {
-  for (let element of elements) {
-    if (!(element == null ? void 0 : element.isConnected))
-      continue;
-    const hasAncestorAlready = elements.some((maybeAncestor) => {
-      if (!maybeAncestor)
-        return false;
-      if (maybeAncestor === element)
-        return false;
-      return maybeAncestor.contains(element);
-    });
-    const doc = _dom.getDocument.call(void 0, element);
-    const originalElement = element;
-    while (element.parentElement && element !== doc.body) {
-      ancestorCallback == null ? void 0 : ancestorCallback(element.parentElement, originalElement);
-      if (!hasAncestorAlready) {
-        for (const child of element.parentElement.children) {
-          if (isValidElement(child, elements)) {
-            callback(child, originalElement);
-          }
-        }
-      }
-      element = element.parentElement;
-    }
-  }
-}
-
-
-
-
-exports.isValidElement = isValidElement; exports.walkTreeOutside = walkTreeOutside;

package/cjs/dialog/utils/disable-tree-outside.cjs

@@ -1,12 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _INDMFBTScjs = require('../../__chunks/INDMFBTS.cjs');
-require('../../__chunks/NBCR3CLP.cjs');
-require('../../__chunks/56NPFF7P.cjs');
-require('../../__chunks/Z3TLXRS7.cjs');
-require('../../__chunks/PD5YFDLO.cjs');
-require('../../__chunks/BWQVQDGC.cjs');
-require('../../__chunks/72I2GWXF.cjs');
-
-
-exports.disableTreeOutside = _INDMFBTScjs.disableTreeOutside;

package/cjs/dialog/utils/disable-tree-outside.d.ts

@@ -1,3 +0,0 @@
-type Elements = Array<Element | null>;
-export declare function disableTreeOutside(...elements: Elements): () => void;
-export {};

package/dialog/utils/disable-tree-outside/package.json

@@ -1,8 +0,0 @@
-{
-  "name": "@ariakit/react-core/dialog/utils/disable-tree-outside",
-  "private": true,
-  "sideEffects": false,
-  "main": "../../../cjs/dialog/utils/disable-tree-outside.cjs",
-  "module": "../../../esm/dialog/utils/disable-tree-outside.js",
-  "types": "../../../cjs/dialog/utils/disable-tree-outside.d.ts"
-}

package/esm/__chunks/5M4ITSXL.js

@@ -1,41 +0,0 @@
-// src/dialog/utils/walk-tree-outside.ts
-import { contains, getDocument } from "@ariakit/core/utils/dom";
-var ignoreTags = ["SCRIPT", "STYLE"];
-function isValidElement(element, ignoredElements) {
-  if (ignoreTags.includes(element.tagName))
-    return false;
-  return !ignoredElements.some(
-    (enabledElement) => enabledElement && contains(element, enabledElement)
-  );
-}
-function walkTreeOutside(elements, callback, ancestorCallback) {
-  for (let element of elements) {
-    if (!(element == null ? void 0 : element.isConnected))
-      continue;
-    const hasAncestorAlready = elements.some((maybeAncestor) => {
-      if (!maybeAncestor)
-        return false;
-      if (maybeAncestor === element)
-        return false;
-      return maybeAncestor.contains(element);
-    });
-    const doc = getDocument(element);
-    const originalElement = element;
-    while (element.parentElement && element !== doc.body) {
-      ancestorCallback == null ? void 0 : ancestorCallback(element.parentElement, originalElement);
-      if (!hasAncestorAlready) {
-        for (const child of element.parentElement.children) {
-          if (isValidElement(child, elements)) {
-            callback(child, originalElement);
-          }
-        }
-      }
-      element = element.parentElement;
-    }
-  }
-}
-
-export {
-  isValidElement,
-  walkTreeOutside
-};

package/esm/dialog/utils/disable-tree-outside.d.ts

@@ -1,3 +0,0 @@
-type Elements = Array<Element | null>;
-export declare function disableTreeOutside(...elements: Elements): () => void;
-export {};

package/cjs/__chunks/{BFLDQF3L.cjs → GQAB4M3B.cjs}

@@ -244,9 +244,6 @@ var useFocusable = _Z5PUIG6Acjs.createHook.call(void 0,
       if (currentTarget) {
         event.currentTarget = currentTarget;
       }
-      onFocusVisible == null ? void 0 : onFocusVisible(event);
-      if (event.defaultPrevented)
-        return;
       if (!focusable)
         return;
       const element = event.currentTarget;
@@ -254,6 +251,9 @@ var useFocusable = _Z5PUIG6Acjs.createHook.call(void 0,
         return;
       if (!_focus.hasFocus.call(void 0, element))
         return;
+      onFocusVisible == null ? void 0 : onFocusVisible(event);
+      if (event.defaultPrevented)
+        return;
       setFocusVisible(true);
     };
     const onKeyDownCaptureProp = props.onKeyDownCapture;

package/esm/__chunks/{M4OAD5XF.js → YTHH33BK.js}

@@ -244,9 +244,6 @@ var useFocusable = createHook(
       if (currentTarget) {
         event.currentTarget = currentTarget;
       }
-      onFocusVisible == null ? void 0 : onFocusVisible(event);
-      if (event.defaultPrevented)
-        return;
       if (!focusable)
         return;
       const element = event.currentTarget;
@@ -254,6 +251,9 @@ var useFocusable = createHook(
         return;
       if (!hasFocus(element))
         return;
+      onFocusVisible == null ? void 0 : onFocusVisible(event);
+      if (event.defaultPrevented)
+        return;
       setFocusVisible(true);
     };
     const onKeyDownCaptureProp = props.onKeyDownCapture;