@ariakit/react-core 0.3.14 → 0.4.0

package/cjs/popover/popover-anchor.cjs

@@ -2,15 +2,15 @@
 
 
 
-var _3QW6ELTGcjs = require('../__chunks/3QW6ELTG.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+var _O45NLQRZcjs = require('../__chunks/O45NLQRZ.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.PopoverAnchor = _3QW6ELTGcjs.PopoverAnchor; exports.usePopoverAnchor = _3QW6ELTGcjs.usePopoverAnchor;
+exports.PopoverAnchor = _O45NLQRZcjs.PopoverAnchor; exports.usePopoverAnchor = _O45NLQRZcjs.usePopoverAnchor;

package/cjs/popover/popover-anchor.d.cts

@@ -1,5 +1,8 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
 import type { PopoverStore } from "./popover-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverAnchor` component.
  * @see https://ariakit.org/components/popover
@@ -11,7 +14,7 @@ import type { PopoverStore } from "./popover-store.js";
  * <Popover store={store}>Popover</Popover>
  * ```
  */
-export declare const usePopoverAnchor: import("../utils/types.js").Hook<PopoverAnchorOptions<"div">>;
+export declare const usePopoverAnchor: import("../utils/types.js").Hook<"div", PopoverAnchorOptions<"div">>;
 /**
  * Renders an element that acts as the anchor for the popover. The
  * [`Popover`](https://ariakit.org/reference/popover) component will be
@@ -25,8 +28,8 @@ export declare const usePopoverAnchor: import("../utils/types.js").Hook<PopoverA
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverAnchor: import("../utils/types.js").Component<PopoverAnchorOptions<"div">>;
-export interface PopoverAnchorOptions<T extends As = "div"> extends Options<T> {
+export declare const PopoverAnchor: (props: PopoverAnchorProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverAnchorOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
@@ -36,4 +39,5 @@ export interface PopoverAnchorOptions<T extends As = "div"> extends Options<T> {
      */
     store?: PopoverStore;
 }
-export type PopoverAnchorProps<T extends As = "div"> = Props<PopoverAnchorOptions<T>>;
+export type PopoverAnchorProps<T extends ElementType = TagName> = Props<T, PopoverAnchorOptions<T>>;
+export {};

package/cjs/popover/popover-anchor.d.ts

@@ -1,5 +1,8 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
 import type { PopoverStore } from "./popover-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverAnchor` component.
  * @see https://ariakit.org/components/popover
@@ -11,7 +14,7 @@ import type { PopoverStore } from "./popover-store.js";
  * <Popover store={store}>Popover</Popover>
  * ```
  */
-export declare const usePopoverAnchor: import("../utils/types.js").Hook<PopoverAnchorOptions<"div">>;
+export declare const usePopoverAnchor: import("../utils/types.js").Hook<"div", PopoverAnchorOptions<"div">>;
 /**
  * Renders an element that acts as the anchor for the popover. The
  * [`Popover`](https://ariakit.org/reference/popover) component will be
@@ -25,8 +28,8 @@ export declare const usePopoverAnchor: import("../utils/types.js").Hook<PopoverA
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverAnchor: import("../utils/types.js").Component<PopoverAnchorOptions<"div">>;
-export interface PopoverAnchorOptions<T extends As = "div"> extends Options<T> {
+export declare const PopoverAnchor: (props: PopoverAnchorProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverAnchorOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
@@ -36,4 +39,5 @@ export interface PopoverAnchorOptions<T extends As = "div"> extends Options<T> {
      */
     store?: PopoverStore;
 }
-export type PopoverAnchorProps<T extends As = "div"> = Props<PopoverAnchorOptions<T>>;
+export type PopoverAnchorProps<T extends ElementType = TagName> = Props<T, PopoverAnchorOptions<T>>;
+export {};

package/cjs/popover/popover-arrow.cjs

@@ -2,16 +2,16 @@
 
 
 
-var _AZV52Y77cjs = require('../__chunks/AZV52Y77.cjs');
+var _LTCHZ5L3cjs = require('../__chunks/LTCHZ5L3.cjs');
 require('../__chunks/AH3CUB6N.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.PopoverArrow = _AZV52Y77cjs.PopoverArrow; exports.usePopoverArrow = _AZV52Y77cjs.usePopoverArrow;
+exports.PopoverArrow = _LTCHZ5L3cjs.PopoverArrow; exports.usePopoverArrow = _LTCHZ5L3cjs.usePopoverArrow;

package/cjs/popover/popover-arrow.d.cts

@@ -1,5 +1,8 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
 import type { PopoverStore } from "./popover-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverArrow` component.
  * @see https://ariakit.org/components/popover
@@ -13,7 +16,7 @@ import type { PopoverStore } from "./popover-store.js";
  * </Popover>
  * ```
  */
-export declare const usePopoverArrow: import("../utils/types.js").Hook<PopoverArrowOptions<"div">>;
+export declare const usePopoverArrow: import("../utils/types.js").Hook<"div", PopoverArrowOptions<"div">>;
 /**
  * Renders an arrow inside a [`Popover`](https://ariakit.org/reference/popover)
  * component pointing to the anchor element.
@@ -29,8 +32,8 @@ export declare const usePopoverArrow: import("../utils/types.js").Hook<PopoverAr
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverArrow: import("../utils/types.js").Component<PopoverArrowOptions<"div">>;
-export interface PopoverArrowOptions<T extends As = "div"> extends Options<T> {
+export declare const PopoverArrow: (props: PopoverArrowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverArrowOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
@@ -49,4 +52,5 @@ export interface PopoverArrowOptions<T extends As = "div"> extends Options<T> {
      */
     size?: number;
 }
-export type PopoverArrowProps<T extends As = "div"> = Props<PopoverArrowOptions<T>>;
+export type PopoverArrowProps<T extends ElementType = TagName> = Props<T, PopoverArrowOptions<T>>;
+export {};

package/cjs/popover/popover-arrow.d.ts

@@ -1,5 +1,8 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
 import type { PopoverStore } from "./popover-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverArrow` component.
  * @see https://ariakit.org/components/popover
@@ -13,7 +16,7 @@ import type { PopoverStore } from "./popover-store.js";
  * </Popover>
  * ```
  */
-export declare const usePopoverArrow: import("../utils/types.js").Hook<PopoverArrowOptions<"div">>;
+export declare const usePopoverArrow: import("../utils/types.js").Hook<"div", PopoverArrowOptions<"div">>;
 /**
  * Renders an arrow inside a [`Popover`](https://ariakit.org/reference/popover)
  * component pointing to the anchor element.
@@ -29,8 +32,8 @@ export declare const usePopoverArrow: import("../utils/types.js").Hook<PopoverAr
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverArrow: import("../utils/types.js").Component<PopoverArrowOptions<"div">>;
-export interface PopoverArrowOptions<T extends As = "div"> extends Options<T> {
+export declare const PopoverArrow: (props: PopoverArrowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverArrowOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
@@ -49,4 +52,5 @@ export interface PopoverArrowOptions<T extends As = "div"> extends Options<T> {
      */
     size?: number;
 }
-export type PopoverArrowProps<T extends As = "div"> = Props<PopoverArrowOptions<T>>;
+export type PopoverArrowProps<T extends ElementType = TagName> = Props<T, PopoverArrowOptions<T>>;
+export {};

package/cjs/popover/popover-context.cjs

@@ -5,10 +5,10 @@
 
 
 
-var _UVBBMANLcjs = require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+var _FNVFJ5AFcjs = require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
@@ -18,4 +18,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.PopoverContextProvider = _UVBBMANLcjs.PopoverContextProvider; exports.PopoverScopedContextProvider = _UVBBMANLcjs.PopoverScopedContextProvider; exports.usePopoverContext = _UVBBMANLcjs.usePopoverContext; exports.usePopoverProviderContext = _UVBBMANLcjs.usePopoverProviderContext; exports.usePopoverScopedContext = _UVBBMANLcjs.usePopoverScopedContext;
+exports.PopoverContextProvider = _FNVFJ5AFcjs.PopoverContextProvider; exports.PopoverScopedContextProvider = _FNVFJ5AFcjs.PopoverScopedContextProvider; exports.usePopoverContext = _FNVFJ5AFcjs.usePopoverContext; exports.usePopoverProviderContext = _FNVFJ5AFcjs.usePopoverProviderContext; exports.usePopoverScopedContext = _FNVFJ5AFcjs.usePopoverScopedContext;

package/cjs/popover/popover-description.cjs

@@ -2,15 +2,15 @@
 
 
 
-var _KRB7URW5cjs = require('../__chunks/KRB7URW5.cjs');
-require('../__chunks/62JWM3VQ.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+var _HSQMZHBZcjs = require('../__chunks/HSQMZHBZ.cjs');
+require('../__chunks/IGGDPRFD.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.PopoverDescription = _KRB7URW5cjs.PopoverDescription; exports.usePopoverDescription = _KRB7URW5cjs.usePopoverDescription;
+exports.PopoverDescription = _HSQMZHBZcjs.PopoverDescription; exports.usePopoverDescription = _HSQMZHBZcjs.usePopoverDescription;

package/cjs/popover/popover-description.d.cts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { DialogDescriptionOptions } from "../dialog/dialog-description.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { PopoverStore } from "./popover-store.js";
+declare const TagName = "p";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverDescription` component. This hook must be
  * used in a component that's wrapped with `Popover` so the `aria-describedby`
@@ -13,7 +16,7 @@ import type { PopoverStore } from "./popover-store.js";
  * <Role {...props}>Description</Role>
  * ```
  */
-export declare const usePopoverDescription: import("../utils/types.js").Hook<PopoverDescriptionOptions<"p">>;
+export declare const usePopoverDescription: import("../utils/types.js").Hook<"p", PopoverDescriptionOptions<"p">>;
 /**
  * Renders a description in a popover. This component must be wrapped with
  * [`Popover`](https://ariakit.org/reference/popover) so the `aria-describedby`
@@ -28,8 +31,8 @@ export declare const usePopoverDescription: import("../utils/types.js").Hook<Pop
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverDescription: import("../utils/types.js").Component<PopoverDescriptionOptions<"p">>;
-export interface PopoverDescriptionOptions<T extends As = "p"> extends DialogDescriptionOptions<T> {
+export declare const PopoverDescription: (props: PopoverDescriptionProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverDescriptionOptions<T extends ElementType = TagName> extends DialogDescriptionOptions<T> {
     /**
      * Object returned by the
      * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
@@ -40,4 +43,5 @@ export interface PopoverDescriptionOptions<T extends As = "p"> extends DialogDes
      */
     store?: PopoverStore;
 }
-export type PopoverDescriptionProps<T extends As = "p"> = Props<PopoverDescriptionOptions<T>>;
+export type PopoverDescriptionProps<T extends ElementType = TagName> = Props<T, PopoverDescriptionOptions<T>>;
+export {};

package/cjs/popover/popover-description.d.ts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { DialogDescriptionOptions } from "../dialog/dialog-description.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { PopoverStore } from "./popover-store.js";
+declare const TagName = "p";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverDescription` component. This hook must be
  * used in a component that's wrapped with `Popover` so the `aria-describedby`
@@ -13,7 +16,7 @@ import type { PopoverStore } from "./popover-store.js";
  * <Role {...props}>Description</Role>
  * ```
  */
-export declare const usePopoverDescription: import("../utils/types.js").Hook<PopoverDescriptionOptions<"p">>;
+export declare const usePopoverDescription: import("../utils/types.js").Hook<"p", PopoverDescriptionOptions<"p">>;
 /**
  * Renders a description in a popover. This component must be wrapped with
  * [`Popover`](https://ariakit.org/reference/popover) so the `aria-describedby`
@@ -28,8 +31,8 @@ export declare const usePopoverDescription: import("../utils/types.js").Hook<Pop
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverDescription: import("../utils/types.js").Component<PopoverDescriptionOptions<"p">>;
-export interface PopoverDescriptionOptions<T extends As = "p"> extends DialogDescriptionOptions<T> {
+export declare const PopoverDescription: (props: PopoverDescriptionProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverDescriptionOptions<T extends ElementType = TagName> extends DialogDescriptionOptions<T> {
     /**
      * Object returned by the
      * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
@@ -40,4 +43,5 @@ export interface PopoverDescriptionOptions<T extends As = "p"> extends DialogDes
      */
     store?: PopoverStore;
 }
-export type PopoverDescriptionProps<T extends As = "p"> = Props<PopoverDescriptionOptions<T>>;
+export type PopoverDescriptionProps<T extends ElementType = TagName> = Props<T, PopoverDescriptionOptions<T>>;
+export {};

package/cjs/popover/popover-disclosure-arrow.cjs

@@ -2,15 +2,15 @@
 
 
 
-var _YU7XEYUJcjs = require('../__chunks/YU7XEYUJ.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+var _7UBOHCYJcjs = require('../__chunks/7UBOHCYJ.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.PopoverDisclosureArrow = _YU7XEYUJcjs.PopoverDisclosureArrow; exports.usePopoverDisclosureArrow = _YU7XEYUJcjs.usePopoverDisclosureArrow;
+exports.PopoverDisclosureArrow = _7UBOHCYJcjs.PopoverDisclosureArrow; exports.usePopoverDisclosureArrow = _7UBOHCYJcjs.usePopoverDisclosureArrow;

package/cjs/popover/popover-disclosure-arrow.d.cts

@@ -1,5 +1,8 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
 import type { PopoverStore, PopoverStoreState } from "./popover-store.js";
+declare const TagName = "span";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverDisclosureArrow` component.
  * @see https://ariakit.org/components/popover
@@ -13,7 +16,7 @@ import type { PopoverStore, PopoverStoreState } from "./popover-store.js";
  * </PopoverDisclosure>
  * ```
  */
-export declare const usePopoverDisclosureArrow: import("../utils/types.js").Hook<PopoverDisclosureArrowOptions<"span">>;
+export declare const usePopoverDisclosureArrow: import("../utils/types.js").Hook<"span", PopoverDisclosureArrowOptions<"span">>;
 /**
  * Renders an arrow pointing to the popover position. It's usually rendered
  * inside the
@@ -31,8 +34,8 @@ export declare const usePopoverDisclosureArrow: import("../utils/types.js").Hook
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverDisclosureArrow: import("../utils/types.js").Component<PopoverDisclosureArrowOptions<"span">>;
-export interface PopoverDisclosureArrowOptions<T extends As = "span"> extends Options<T> {
+export declare const PopoverDisclosureArrow: (props: PopoverDisclosureArrowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverDisclosureArrowOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
@@ -51,4 +54,5 @@ export interface PopoverDisclosureArrowOptions<T extends As = "span"> extends Op
      */
     placement?: PopoverStoreState["placement"];
 }
-export type PopoverDisclosureArrowProps<T extends As = "span"> = Props<PopoverDisclosureArrowOptions<T>>;
+export type PopoverDisclosureArrowProps<T extends ElementType = TagName> = Props<T, PopoverDisclosureArrowOptions<T>>;
+export {};

package/cjs/popover/popover-disclosure-arrow.d.ts

@@ -1,5 +1,8 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
 import type { PopoverStore, PopoverStoreState } from "./popover-store.js";
+declare const TagName = "span";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverDisclosureArrow` component.
  * @see https://ariakit.org/components/popover
@@ -13,7 +16,7 @@ import type { PopoverStore, PopoverStoreState } from "./popover-store.js";
  * </PopoverDisclosure>
  * ```
  */
-export declare const usePopoverDisclosureArrow: import("../utils/types.js").Hook<PopoverDisclosureArrowOptions<"span">>;
+export declare const usePopoverDisclosureArrow: import("../utils/types.js").Hook<"span", PopoverDisclosureArrowOptions<"span">>;
 /**
  * Renders an arrow pointing to the popover position. It's usually rendered
  * inside the
@@ -31,8 +34,8 @@ export declare const usePopoverDisclosureArrow: import("../utils/types.js").Hook
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverDisclosureArrow: import("../utils/types.js").Component<PopoverDisclosureArrowOptions<"span">>;
-export interface PopoverDisclosureArrowOptions<T extends As = "span"> extends Options<T> {
+export declare const PopoverDisclosureArrow: (props: PopoverDisclosureArrowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverDisclosureArrowOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
@@ -51,4 +54,5 @@ export interface PopoverDisclosureArrowOptions<T extends As = "span"> extends Op
      */
     placement?: PopoverStoreState["placement"];
 }
-export type PopoverDisclosureArrowProps<T extends As = "span"> = Props<PopoverDisclosureArrowOptions<T>>;
+export type PopoverDisclosureArrowProps<T extends ElementType = TagName> = Props<T, PopoverDisclosureArrowOptions<T>>;
+export {};

package/cjs/popover/popover-disclosure.cjs

@@ -2,22 +2,22 @@
 
 
 
-var _LICANQTIcjs = require('../__chunks/LICANQTI.cjs');
-require('../__chunks/QCG6J6X5.cjs');
-require('../__chunks/LFHNPG2L.cjs');
-require('../__chunks/3QW6ELTG.cjs');
-require('../__chunks/5UTRYT6E.cjs');
-require('../__chunks/DAJUUBUI.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+var _PR3MIXQDcjs = require('../__chunks/PR3MIXQD.cjs');
+require('../__chunks/K5V42RR6.cjs');
+require('../__chunks/JH5Y3M4V.cjs');
+require('../__chunks/O45NLQRZ.cjs');
+require('../__chunks/MMDU7VRJ.cjs');
+require('../__chunks/ZMTZTMRS.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/5QD55NKL.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.PopoverDisclosure = _LICANQTIcjs.PopoverDisclosure; exports.usePopoverDisclosure = _LICANQTIcjs.usePopoverDisclosure;
+exports.PopoverDisclosure = _PR3MIXQDcjs.PopoverDisclosure; exports.usePopoverDisclosure = _PR3MIXQDcjs.usePopoverDisclosure;

package/cjs/popover/popover-disclosure.d.cts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { DialogDisclosureOptions } from "../dialog/dialog-disclosure.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { PopoverAnchorOptions } from "./popover-anchor.js";
+declare const TagName = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverDisclosure` component.
  * @see https://ariakit.org/components/popover
@@ -12,7 +15,7 @@ import type { PopoverAnchorOptions } from "./popover-anchor.js";
  * <Popover store={store}>Popover</Popover>
  * ```
  */
-export declare const usePopoverDisclosure: import("../utils/types.js").Hook<PopoverDisclosureOptions<"button">>;
+export declare const usePopoverDisclosure: import("../utils/types.js").Hook<"button", PopoverDisclosureOptions<"button">>;
 /**
  * Renders a button that controls the visibility of the
  * [`Popover`](https://ariakit.org/reference/popover) component when clicked.
@@ -25,7 +28,8 @@ export declare const usePopoverDisclosure: import("../utils/types.js").Hook<Popo
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverDisclosure: import("../utils/types.js").Component<PopoverDisclosureOptions<"button">>;
-export interface PopoverDisclosureOptions<T extends As = "button"> extends PopoverAnchorOptions<T>, Omit<DialogDisclosureOptions<T>, "store"> {
+export declare const PopoverDisclosure: (props: PopoverDisclosureProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverDisclosureOptions<T extends ElementType = TagName> extends PopoverAnchorOptions<T>, Omit<DialogDisclosureOptions<T>, "store"> {
 }
-export type PopoverDisclosureProps<T extends As = "button"> = Props<PopoverDisclosureOptions<T>>;
+export type PopoverDisclosureProps<T extends ElementType = TagName> = Props<T, PopoverDisclosureOptions<T>>;
+export {};

package/cjs/popover/popover-disclosure.d.ts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { DialogDisclosureOptions } from "../dialog/dialog-disclosure.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { PopoverAnchorOptions } from "./popover-anchor.js";
+declare const TagName = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverDisclosure` component.
  * @see https://ariakit.org/components/popover
@@ -12,7 +15,7 @@ import type { PopoverAnchorOptions } from "./popover-anchor.js";
  * <Popover store={store}>Popover</Popover>
  * ```
  */
-export declare const usePopoverDisclosure: import("../utils/types.js").Hook<PopoverDisclosureOptions<"button">>;
+export declare const usePopoverDisclosure: import("../utils/types.js").Hook<"button", PopoverDisclosureOptions<"button">>;
 /**
  * Renders a button that controls the visibility of the
  * [`Popover`](https://ariakit.org/reference/popover) component when clicked.
@@ -25,7 +28,8 @@ export declare const usePopoverDisclosure: import("../utils/types.js").Hook<Popo
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverDisclosure: import("../utils/types.js").Component<PopoverDisclosureOptions<"button">>;
-export interface PopoverDisclosureOptions<T extends As = "button"> extends PopoverAnchorOptions<T>, Omit<DialogDisclosureOptions<T>, "store"> {
+export declare const PopoverDisclosure: (props: PopoverDisclosureProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverDisclosureOptions<T extends ElementType = TagName> extends PopoverAnchorOptions<T>, Omit<DialogDisclosureOptions<T>, "store"> {
 }
-export type PopoverDisclosureProps<T extends As = "button"> = Props<PopoverDisclosureOptions<T>>;
+export type PopoverDisclosureProps<T extends ElementType = TagName> = Props<T, PopoverDisclosureOptions<T>>;
+export {};

package/cjs/popover/popover-dismiss.cjs

@@ -2,20 +2,20 @@
 
 
 
-var _UXFBTIBYcjs = require('../__chunks/UXFBTIBY.cjs');
-require('../__chunks/7ZVTEFD7.cjs');
-require('../__chunks/5UTRYT6E.cjs');
-require('../__chunks/DAJUUBUI.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+var _TTVVUWIYcjs = require('../__chunks/TTVVUWIY.cjs');
+require('../__chunks/LTD4F7TZ.cjs');
+require('../__chunks/MMDU7VRJ.cjs');
+require('../__chunks/ZMTZTMRS.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/5QD55NKL.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.PopoverDismiss = _UXFBTIBYcjs.PopoverDismiss; exports.usePopoverDismiss = _UXFBTIBYcjs.usePopoverDismiss;
+exports.PopoverDismiss = _TTVVUWIYcjs.PopoverDismiss; exports.usePopoverDismiss = _TTVVUWIYcjs.usePopoverDismiss;

package/cjs/popover/popover-dismiss.d.cts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { DialogDismissOptions } from "../dialog/dialog-dismiss.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { PopoverStore } from "./popover-store.js";
+declare const TagName = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverDismiss` component.
  * @see https://ariakit.org/components/popover
@@ -13,7 +16,7 @@ import type { PopoverStore } from "./popover-store.js";
  * </Popover>
  * ```
  */
-export declare const usePopoverDismiss: import("../utils/types.js").Hook<PopoverDismissOptions<"button">>;
+export declare const usePopoverDismiss: import("../utils/types.js").Hook<"button", PopoverDismissOptions<"button">>;
 /**
  * Renders a button that hides a
  * [`Popover`](https://ariakit.org/reference/popover) component when clicked.
@@ -27,8 +30,8 @@ export declare const usePopoverDismiss: import("../utils/types.js").Hook<Popover
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverDismiss: import("../utils/types.js").Component<PopoverDismissOptions<"button">>;
-export interface PopoverDismissOptions<T extends As = "button"> extends DialogDismissOptions<T> {
+export declare const PopoverDismiss: (props: PopoverDismissProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverDismissOptions<T extends ElementType = TagName> extends DialogDismissOptions<T> {
     /**
      * Object returned by the
      * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
@@ -39,4 +42,5 @@ export interface PopoverDismissOptions<T extends As = "button"> extends DialogDi
      */
     store?: PopoverStore;
 }
-export type PopoverDismissProps<T extends As = "button"> = Props<PopoverDismissOptions<T>>;
+export type PopoverDismissProps<T extends ElementType = TagName> = Props<T, PopoverDismissOptions<T>>;
+export {};

package/cjs/popover/popover-dismiss.d.ts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { DialogDismissOptions } from "../dialog/dialog-dismiss.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { PopoverStore } from "./popover-store.js";
+declare const TagName = "button";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `PopoverDismiss` component.
  * @see https://ariakit.org/components/popover
@@ -13,7 +16,7 @@ import type { PopoverStore } from "./popover-store.js";
  * </Popover>
  * ```
  */
-export declare const usePopoverDismiss: import("../utils/types.js").Hook<PopoverDismissOptions<"button">>;
+export declare const usePopoverDismiss: import("../utils/types.js").Hook<"button", PopoverDismissOptions<"button">>;
 /**
  * Renders a button that hides a
  * [`Popover`](https://ariakit.org/reference/popover) component when clicked.
@@ -27,8 +30,8 @@ export declare const usePopoverDismiss: import("../utils/types.js").Hook<Popover
  * </PopoverProvider>
  * ```
  */
-export declare const PopoverDismiss: import("../utils/types.js").Component<PopoverDismissOptions<"button">>;
-export interface PopoverDismissOptions<T extends As = "button"> extends DialogDismissOptions<T> {
+export declare const PopoverDismiss: (props: PopoverDismissProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverDismissOptions<T extends ElementType = TagName> extends DialogDismissOptions<T> {
     /**
      * Object returned by the
      * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
@@ -39,4 +42,5 @@ export interface PopoverDismissOptions<T extends As = "button"> extends DialogDi
      */
     store?: PopoverStore;
 }
-export type PopoverDismissProps<T extends As = "button"> = Props<PopoverDismissOptions<T>>;
+export type PopoverDismissProps<T extends ElementType = TagName> = Props<T, PopoverDismissOptions<T>>;
+export {};