@ariakit/react-core 0.2.0 → 0.2.1

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/{MR75RQGW.js → 44D6W47E.js}

@@ -3,10 +3,10 @@ import {
 } from "./BH4YAZB2.js";
 import {
   Role
-} from "./XIACQCPS.js";
+} from "./R35SLIEE.js";
 import {
   useDisclosureContent
-} from "./6AJCHLAV.js";
+} from "./WYKPGIVG.js";
 import {
   useForkRef,
   useSafeLayoutEffect
@@ -76,7 +76,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/{B7WY5IEM.js → 4GZHHNFX.js}

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

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/{GDDVBILZ.js → 6JQLJMUQ.js}

@@ -4,15 +4,15 @@ import {
 } from "./HVBRRKV4.js";
 import {
   useCompositeTypeahead
-} from "./KSVEVAMH.js";
+} from "./GRNO2YNE.js";
 import {
   useComposite
-} from "./RTOWJJVI.js";
+} from "./JM74EEHT.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useStoreState
 } from "./AV5WE37O.js";

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/{776K5FXB.js → BRUBRRXY.js}

@@ -1,17 +1,17 @@
 import {
   useCompositeTypeahead
-} from "./KSVEVAMH.js";
+} from "./GRNO2YNE.js";
 import {
   SelectContext
 } from "./EEVSGAZW.js";
 import {
   useComposite
-} from "./RTOWJJVI.js";
+} from "./JM74EEHT.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useBooleanEvent,
   useEvent,

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/{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/{65MJJ4BW.js → HJ244IIK.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,

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/{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/{PYEPYVON.js → NNCIS2B6.js}

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

package/esm/__chunks/{5LA7CLO3.js → ODHF3YE7.js}

@@ -8,7 +8,7 @@ import {
   createElement,
   createHook,
   createMemoComponent
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useStoreState
 } from "./AV5WE37O.js";

package/esm/__chunks/{LSTZ5Q72.js → PI5KZQST.js}

@@ -1,11 +1,11 @@
 import {
   useDisclosure
-} from "./24P2K6AU.js";
+} from "./UR3V2CXC.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{ECY3BFPU.js → PPIHKGNC.js}

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

package/esm/__chunks/{OQUXG6FE.js → Q4TAYJGL.js}

@@ -1,11 +1,11 @@
 import {
   useCommand
-} from "./4QNHBDVS.js";
+} from "./5KLYDORO.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useForkRef,
   useTagName

package/esm/__chunks/{XIACQCPS.js → R35SLIEE.js}

@@ -2,7 +2,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 
 // src/role/role.ts
 var useRole = createHook((props) => {

package/esm/__chunks/{JNCKMFIN.js → RGAE7WHK.js}

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

package/esm/__chunks/{DIO64N2C.js → RIASES6X.js}

@@ -1,11 +1,11 @@
 import {
   useVisuallyHidden
-} from "./JQEVJM46.js";
+} from "./KMIAQUPF.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{WQVVOKZA.js → RQE3AIUU.js}

@@ -1,6 +1,6 @@
 import {
   useHeading
-} from "./PYEPYVON.js";
+} from "./NNCIS2B6.js";
 import {
   DialogHeadingContext
 } from "./LNHZLQEK.js";
@@ -8,7 +8,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   useId,
   useSafeLayoutEffect

package/esm/__chunks/{MERE2IT6.js → S6KGTG3E.js}

@@ -1,11 +1,11 @@
 import {
   useCompositeItem
-} from "./M32DI6TL.js";
+} from "./X4UE5ZYC.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./5ETIGB6O.js";
+} from "./U2LXZPCY.js";
 import {
   __objRest,
   __spreadValues