@ariakit/react-core 0.2.0 → 0.2.2

package/cjs/utils/types.d.ts

@@ -1,26 +1,25 @@
-import type { ComponentPropsWithRef, ElementType, HTMLAttributes, ReactElement, ReactNode, RefAttributes } from "react";
-import type { AnyObject } from "@ariakit/core/utils/types";
+import type * as React from "react";
 /**
  * Render prop type.
  * @template P Props
  * @example
  * const children: RenderProp = (props) => <div {...props} />;
  */
-export type RenderProp<P = AnyObject> = (props: P) => ReactNode;
+export type RenderProp<P = React.HTMLAttributes<any> & React.RefAttributes<any>> = (props: P) => React.ReactNode;
 /**
  * The `as` prop.
  * @template P Props
  */
-export type As<P = any> = ElementType<P>;
+export type As<P = any> = React.ElementType<P>;
 /**
  * The `wrapElement` prop.
  */
-export type WrapElement = (element: ReactElement) => ReactElement;
+export type WrapElement = (element: React.ReactElement) => React.ReactElement;
 /**
  * The `children` prop that supports a function.
  * @template T Element type.
  */
-export type Children<T = any> = ReactNode | RenderProp<HTMLAttributes<T> & RefAttributes<T>>;
+export type Children<T = any> = React.ReactNode | RenderProp<React.HTMLAttributes<T> & React.RefAttributes<T>>;
 /**
  * Props with the `as` prop.
  * @template T The `as` prop
@@ -39,8 +38,9 @@ export type Options<T extends As = any> = {
 export type HTMLProps<O extends Options> = {
     wrapElement?: WrapElement;
     children?: Children;
+    render?: RenderProp;
     [index: `data-${string}`]: unknown;
-} & Omit<ComponentPropsWithRef<NonNullable<O["as"]>>, keyof O | "children">;
+} & Omit<React.ComponentPropsWithRef<NonNullable<O["as"]>>, keyof O | "children">;
 /**
  * Options & HTMLProps
  * @template O Options
@@ -55,11 +55,13 @@ export type Props<O extends Options> = O & HTMLProps<O>;
  * @example
  * type ButtonComponent = Component<Options<"button">>;
  */
-export type Component<O extends Options> = {
-    <T extends As>(props: Omit<O, "as"> & Omit<HTMLProps<Options<T>>, keyof O> & Required<Options<T>>): JSX.Element | null;
-    (props: Props<O>): JSX.Element | null;
+export interface Component<O extends Options> {
+    <T extends As>(props: Props<{
+        as: T;
+    } & Omit<O, "as">>): React.ReactElement | null;
+    (props: Props<O>): React.ReactElement | null;
     displayName?: string;
-};
+}
 /**
  * A component hook that supports the `as` prop and the `children` prop as a
  * function.
@@ -67,7 +69,7 @@ export type Component<O extends Options> = {
  * @example
  * type ButtonHook = Hook<Options<"button">>;
  */
-export type Hook<O extends Options> = {
-    <T extends As = NonNullable<O["as"]>>(props?: Omit<O, "as"> & Omit<HTMLProps<Options<T>>, keyof O> & Options<T>): HTMLProps<Options<T>>;
+export interface Hook<O extends Options> {
+    <T extends As = NonNullable<O["as"]>>(props?: Props<Options<T> & Omit<O, "as">>): HTMLProps<Options<T>>;
     displayName?: string;
-};
+}

package/cjs/visually-hidden/visually-hidden.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _QTPUX3NMcjs = require('../__chunks/QTPUX3NM.cjs');
-require('../__chunks/7NAIPZYN.cjs');
+var _VYKCWICKcjs = require('../__chunks/VYKCWICK.cjs');
+require('../__chunks/5U7AP6Y2.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.VisuallyHidden = _QTPUX3NMcjs.VisuallyHidden; exports.useVisuallyHidden = _QTPUX3NMcjs.useVisuallyHidden;
+exports.VisuallyHidden = _VYKCWICKcjs.VisuallyHidden; exports.useVisuallyHidden = _VYKCWICKcjs.useVisuallyHidden;

package/esm/__chunks/{E6PO3W4O.js → 2A7SHVQX.js}

@@ -1,11 +1,11 @@
 import {
   useGroup
-} from "./ECY3BFPU.js";
+} from "./PPIHKGNC.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   __objRest
 } from "./4BKCJXBM.js";

package/esm/__chunks/{KPEUI6QX.js → 2COVM63T.js}

@@ -2,7 +2,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{X7UZWWYG.js → 2VSLIXPB.js}

@@ -5,7 +5,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useForkRef,
   useId

package/esm/__chunks/{MHR7JFVW.js → 3U3YLBMV.js}

@@ -1,11 +1,11 @@
 import {
   usePopoverDisclosureArrow
-} from "./TFLZHAF5.js";
+} from "./KTJKD3FC.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{4QNHBDVS.js → 5KLYDORO.js}

@@ -1,11 +1,11 @@
 import {
   useFocusable
-} from "./AGWM73EZ.js";
+} from "./K4QQOEEY.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useEvent,
   useForkRef,

package/esm/__chunks/{776K5FXB.js → 5SUMII6J.js}

@@ -1,17 +1,20 @@
 import {
   useCompositeTypeahead
-} from "./KSVEVAMH.js";
+} from "./GRNO2YNE.js";
 import {
   SelectContext
 } from "./EEVSGAZW.js";
 import {
   useComposite
-} from "./RTOWJJVI.js";
+} from "./JM74EEHT.js";
+import {
+  isHidden
+} from "./NRBO7PPT.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -36,13 +39,15 @@ var useSelectList = createHook(
       resetOnEscape = true,
       hideOnEnter = true,
       focusOnMove = true,
-      composite = true
+      composite = true,
+      alwaysVisible
     } = _b, props = __objRest(_b, [
       "store",
       "resetOnEscape",
       "hideOnEnter",
       "focusOnMove",
-      "composite"
+      "composite",
+      "alwaysVisible"
     ]);
     const ref = useRef(null);
     const id = useId(props.id);
@@ -82,7 +87,8 @@ var useSelectList = createHook(
       var _a2;
       return (_a2 = state.labelElement) == null ? void 0 : _a2.id;
     });
-    const style = mounted ? props.style : __spreadProps(__spreadValues({}, props.style), { display: "none" });
+    const hidden = isHidden(mounted, props.hidden, alwaysVisible);
+    const style = hidden ? __spreadProps(__spreadValues({}, props.style), { display: "none" }) : props.style;
     if (composite) {
       props = __spreadValues({
         role: "listbox",
@@ -91,8 +97,8 @@ var useSelectList = createHook(
     }
     props = __spreadProps(__spreadValues({
       id,
-      hidden: !mounted,
-      "aria-labelledby": labelId
+      "aria-labelledby": labelId,
+      hidden
     }, props), {
       ref: useForkRef(id ? store.setContentElement : null, ref, props.ref),
       style,

package/esm/__chunks/{LPZMU6Z4.js → 7DPLTL4U.js}

@@ -6,7 +6,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useId,
   useWrapElement

package/esm/__chunks/{HWXCBMWZ.js → 7SVOWQTM.js}

@@ -1,11 +1,11 @@
 import {
   useGroupLabel
-} from "./JNCKMFIN.js";
+} from "./RGAE7WHK.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   __objRest
 } from "./4BKCJXBM.js";

package/esm/__chunks/{HJWYYQGA.js → BMIMIX2N.js}

@@ -5,12 +5,12 @@ import {
 } from "./X7FKJQME.js";
 import {
   usePopover
-} from "./MLEIJKSM.js";
+} from "./K4BVBSSF.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -147,7 +147,7 @@ var useHovercard = createHook(
         const isEscape = event.key === "Escape" && hideOnEscapeProp(event);
         const isControl = event.key === "Control" && hideOnControlProp(event);
         if (isEscape || isControl) {
-          store.hide();
+          requestAnimationFrame(store.hide);
         }
       });
     }, [store, open, hideOnEscapeProp, hideOnControlProp]);
@@ -169,7 +169,7 @@ var useHovercard = createHook(
       if (!element)
         return;
       const onMouseMove = (event) => {
-        const { anchorElement, hideTimeout } = store.getState();
+        const { anchorElement, hideTimeout, timeout } = store.getState();
         const enterPoint = enterPointRef.current;
         const target = event.target;
         const anchor = anchorElement;
@@ -198,7 +198,7 @@ var useHovercard = createHook(
         hideTimeoutRef.current = window.setTimeout(() => {
           hideTimeoutRef.current = 0;
           store.hide();
-        }, hideTimeout);
+        }, hideTimeout != null ? hideTimeout : timeout);
       };
       return chain(
         addGlobalEventListener("mousemove", onMouseMove, true),

package/esm/__chunks/{HFDCAETG.js → C2EK56NQ.js}

@@ -3,12 +3,12 @@ import {
 } from "./M5KYRTQG.js";
 import {
   useCommand
-} from "./4QNHBDVS.js";
+} from "./5KLYDORO.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useStoreState
 } from "./AV5WE37O.js";

package/esm/__chunks/{U2KSDJ3W.js → CUXAE5EP.js}

@@ -1,9 +1,9 @@
 import {
   useDialogDisclosure
-} from "./LSTZ5Q72.js";
+} from "./PI5KZQST.js";
 import {
   usePopoverAnchor
-} from "./D6NPK2DL.js";
+} from "./NBC642OI.js";
 import {
   PopoverContext
 } from "./6GS36SYX.js";
@@ -11,7 +11,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useEvent,
   useWrapElement

package/esm/__chunks/{MR75RQGW.js → EC5UVTWD.js}

@@ -3,10 +3,10 @@ import {
 } from "./BH4YAZB2.js";
 import {
   Role
-} from "./XIACQCPS.js";
+} from "./R35SLIEE.js";
 import {
   useDisclosureContent
-} from "./6AJCHLAV.js";
+} from "./NRBO7PPT.js";
 import {
   useForkRef,
   useSafeLayoutEffect
@@ -24,6 +24,7 @@ function DialogBackdrop({
   store,
   backdrop,
   backdropProps,
+  alwaysVisible,
   hidden
 }) {
   const ref = useRef(null);
@@ -61,8 +62,9 @@ function DialogBackdrop({
     store,
     id: void 0,
     role: "presentation",
-    hidden,
-    "data-backdrop": (contentElement == null ? void 0 : contentElement.id) || ""
+    "data-backdrop": (contentElement == null ? void 0 : contentElement.id) || "",
+    alwaysVisible,
+    hidden
   }, backdropProps), {
     ref: useForkRef(backdropProps == null ? void 0 : backdropProps.ref, ref),
     style: __spreadValues({
@@ -76,7 +78,7 @@ function DialogBackdrop({
   if (!backdrop)
     return null;
   if (isValidElement(backdrop)) {
-    return /* @__PURE__ */ jsx(Role, __spreadProps(__spreadValues({}, props), { children: (props2) => cloneElement(backdrop, props2) }));
+    return /* @__PURE__ */ jsx(Role, __spreadProps(__spreadValues({}, props), { render: (props2) => cloneElement(backdrop, props2) }));
   }
   const Component = typeof backdrop !== "boolean" ? backdrop || "div" : "div";
   return /* @__PURE__ */ jsx(Role, __spreadProps(__spreadValues({}, props), { as: Component }));

package/esm/__chunks/{RPJS3S4B.js → F6CM5SN4.js}

@@ -7,15 +7,15 @@ import {
 } from "./W7JXAQKF.js";
 import {
   useCompositeHover
-} from "./UGXJ5IN7.js";
+} from "./Y2V2DFHD.js";
 import {
   useCompositeItem
-} from "./M32DI6TL.js";
+} from "./X4UE5ZYC.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useStoreState
 } from "./AV5WE37O.js";

package/esm/__chunks/{6WVG5KFF.js → FYVEOR7R.js}

@@ -5,7 +5,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useWrapElement
 } from "./ASYR66PQ.js";

package/esm/__chunks/{R3XRDDO7.js → GHFGDKVL.js}

@@ -1,11 +1,11 @@
 import {
   usePopoverHeading
-} from "./MR7KGB6U.js";
+} from "./THRMCR5V.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 
 // src/hovercard/hovercard-heading.ts
 var useHovercardHeading = createHook(

package/esm/__chunks/{POSBQXS7.js → GL6H2TE2.js}

@@ -1,6 +1,6 @@
 import {
   useSeparator
-} from "./KPEUI6QX.js";
+} from "./2COVM63T.js";
 import {
   CompositeContext
 } from "./Z3X3QN6P.js";
@@ -8,7 +8,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{4JRG3QNR.js → GQ73PJK4.js}

@@ -5,7 +5,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useId,
   useSafeLayoutEffect

package/esm/__chunks/{KSVEVAMH.js → GRNO2YNE.js}

@@ -8,7 +8,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useEvent
 } from "./ASYR66PQ.js";

package/esm/__chunks/{2CA5JWPW.js → HNQXN4AI.js}

@@ -1,6 +1,6 @@
 import {
   FocusTrap
-} from "./DIO64N2C.js";
+} from "./RIASES6X.js";
 import {
   PortalContext
 } from "./LDDPB3PY.js";
@@ -8,7 +8,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useForkRef,
   useSafeLayoutEffect,

package/esm/__chunks/{6M5FZNI5.js → IMFOFYLN.js}

@@ -3,12 +3,12 @@ import {
 } from "./P3I4MECH.js";
 import {
   useCollectionItem
-} from "./X7UZWWYG.js";
+} from "./2VSLIXPB.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useBooleanEvent,
   useEvent,

package/esm/__chunks/{RTOWJJVI.js → JM74EEHT.js}

@@ -10,12 +10,12 @@ import {
 } from "./Z3X3QN6P.js";
 import {
   useFocusable
-} from "./AGWM73EZ.js";
+} from "./K4QQOEEY.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useBooleanEvent,
   useEvent,

package/esm/__chunks/{C5MG6ALB.js → JTWJOAF2.js}

@@ -3,12 +3,12 @@ import {
 } from "./6I2PARRP.js";
 import {
   useCompositeItem
-} from "./M32DI6TL.js";
+} from "./X4UE5ZYC.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useStoreState
 } from "./AV5WE37O.js";

package/esm/__chunks/{B7WY5IEM.js → K35D42HN.js}

@@ -1,11 +1,14 @@
 import {
   ComboboxContext
 } from "./5VGBBGF5.js";
+import {
+  isHidden
+} from "./NRBO7PPT.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useEvent,
   useForkRef,
@@ -23,7 +26,7 @@ import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 var useComboboxList = createHook(
   (_a) => {
-    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    var _b = _a, { store, alwaysVisible } = _b, props = __objRest(_b, ["store", "alwaysVisible"]);
     const ref = useRef(null);
     const id = useId(props.id);
     const onKeyDownProp = props.onKeyDown;
@@ -41,11 +44,12 @@ var useComboboxList = createHook(
       [store]
     );
     const mounted = store.useState("mounted");
-    const style = mounted ? props.style : __spreadProps(__spreadValues({}, props.style), { display: "none" });
+    const hidden = isHidden(mounted, props.hidden, alwaysVisible);
+    const style = hidden ? __spreadProps(__spreadValues({}, props.style), { display: "none" }) : props.style;
     props = __spreadProps(__spreadValues({
       id,
       role: "listbox",
-      hidden: !mounted
+      hidden
     }, props), {
       ref: useForkRef(id ? store.setContentElement : null, ref, props.ref),
       style,

package/esm/__chunks/{MLEIJKSM.js → K4BVBSSF.js}

@@ -1,6 +1,6 @@
 import {
   useDialog
-} from "./NAG6UD2X.js";
+} from "./Q4774GYW.js";
 import {
   PopoverContext
 } from "./6GS36SYX.js";
@@ -8,7 +8,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useEvent,
   usePortalRef,

package/esm/__chunks/{UBPCHT5E.js → K4JNSIDS.js}

@@ -8,7 +8,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useForkRef,
   useSafeLayoutEffect

package/esm/__chunks/{AGWM73EZ.js → K4QQOEEY.js}

@@ -5,7 +5,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useEvent,
   useForkRef,

package/esm/__chunks/{XHOWZOKI.js → KEY2FZYW.js}

@@ -5,7 +5,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{JQEVJM46.js → KMIAQUPF.js}

@@ -2,7 +2,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{HXGZWZML.js → KNDB2OYV.js}

@@ -5,7 +5,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useEvent
 } from "./ASYR66PQ.js";

package/esm/__chunks/{TFLZHAF5.js → KTJKD3FC.js}

@@ -5,7 +5,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{D6NPK2DL.js → NBC642OI.js}

@@ -2,7 +2,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useForkRef
 } from "./ASYR66PQ.js";

package/esm/__chunks/{65MJJ4BW.js → NC4VIH2L.js}

@@ -1,11 +1,11 @@
 import {
   useFocusable
-} from "./AGWM73EZ.js";
+} from "./K4QQOEEY.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -56,13 +56,13 @@ var useHovercardAnchor = createHook(
           return;
         if (!showOnHoverProp(event))
           return;
-        const { showTimeout } = store.getState();
+        const { showTimeout, timeout } = store.getState();
         showTimeoutRef.current = window.setTimeout(() => {
           showTimeoutRef.current = 0;
           if (!isMouseMoving())
             return;
           store.show();
-        }, showTimeout);
+        }, showTimeout != null ? showTimeout : timeout);
       }
     );
     props = __spreadProps(__spreadValues({}, props), {