@ariakit/react-core 0.3.4 → 0.3.6

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

@@ -0,0 +1,46 @@
+import type { PopoverArrowOptions } from "../popover/popover-arrow.js";
+import type { As, Props } from "../utils/types.js";
+import type { TooltipStore } from "./tooltip-store.js";
+/**
+ * Returns props to create a `TooltipArrow` component.
+ * @see https://ariakit.org/components/tooltip
+ * @example
+ * ```jsx
+ * const store = useToolTipStore();
+ * const props = useTooltipArrow({ store });
+ * <TooltipAnchor store={store}>Anchor</TooltipAnchor>
+ * <Tooltip store={store}>
+ *   <Role {...props} />
+ *   Tooltip
+ * </Tooltip>
+ * ```
+ */
+export declare const useTooltipArrow: import("../utils/types.js").Hook<TooltipArrowOptions<"div">>;
+/**
+ * Renders an arrow inside a [`Tooltip`](https://ariakit.org/reference/tooltip)
+ * component.
+ * @see https://ariakit.org/components/tooltip
+ * @example
+ * ```jsx {4}
+ * <TooltipProvider>
+ *   <TooltipAnchor>Anchor</TooltipAnchor>
+ *   <Tooltip>
+ *     <TooltipArrow />
+ *     Tooltip
+ *   </Tooltip>
+ * </TooltipProvider>
+ * ```
+ */
+export declare const TooltipArrow: import("../utils/types.js").Component<TooltipArrowOptions<"div">>;
+export interface TooltipArrowOptions<T extends As = "div"> extends PopoverArrowOptions<T> {
+    /**
+     * Object returned by the
+     * [`useTooltipStore`](https://ariakit.org/reference/use-tooltip-store) hook.
+     * If not provided, the closest
+     * [`Tooltip`](https://ariakit.org/reference/tooltip) or
+     * [`TooltipProvider`](https://ariakit.org/reference/tooltip-provider)
+     * components' context will be used.
+     */
+    store?: TooltipStore;
+}
+export type TooltipArrowProps<T extends As = "div"> = Props<TooltipArrowOptions<T>>;

package/cjs/tooltip/tooltip-context.cjs

@@ -1,22 +1,23 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
 
 
 
-var _UBRGEBVNcjs = require('../__chunks/UBRGEBVN.cjs');
-require('../__chunks/Q6W7IWNJ.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _M5JJ43ATcjs = require('../__chunks/M5JJ43AT.cjs');
+require('../__chunks/3W6FH6JK.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
 
 
-exports.TooltipContextProvider = _UBRGEBVNcjs.TooltipContextProvider; exports.TooltipScopedContextProvider = _UBRGEBVNcjs.TooltipScopedContextProvider; exports.useTooltipContext = _UBRGEBVNcjs.useTooltipContext; exports.useTooltipProviderContext = _UBRGEBVNcjs.useTooltipProviderContext; exports.useTooltipScopedContext = _UBRGEBVNcjs.useTooltipScopedContext;
+
+exports.TooltipContextProvider = _M5JJ43ATcjs.TooltipContextProvider; exports.TooltipScopedContextProvider = _M5JJ43ATcjs.TooltipScopedContextProvider; exports.useTooltipContext = _M5JJ43ATcjs.useTooltipContext; exports.useTooltipProviderContext = _M5JJ43ATcjs.useTooltipProviderContext; exports.useTooltipScopedContext = _M5JJ43ATcjs.useTooltipScopedContext;

package/cjs/tooltip/tooltip-context.d.cts

@@ -0,0 +1,19 @@
+import type { TooltipStore } from "./tooltip-store.js";
+/**
+ * Returns the tooltip store from the nearest tooltip container.
+ * @example
+ * function Tooltip() {
+ *   const store = useTooltipContext();
+ *
+ *   if (!store) {
+ *     throw new Error("Tooltip must be wrapped in TooltipProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useTooltipContext: () => TooltipStore | undefined;
+export declare const useTooltipScopedContext: (onlyScoped?: boolean) => TooltipStore | undefined;
+export declare const useTooltipProviderContext: () => TooltipStore | undefined;
+export declare const TooltipContextProvider: (props: import("react").ProviderProps<TooltipStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipScopedContextProvider: (props: import("react").ProviderProps<TooltipStore | undefined>) => import("react/jsx-runtime").JSX.Element;

package/cjs/tooltip/tooltip-provider.cjs

@@ -1,28 +1,29 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _UBRGEBVNcjs = require('../__chunks/UBRGEBVN.cjs');
-require('../__chunks/Q6W7IWNJ.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
 
+var _M5JJ43ATcjs = require('../__chunks/M5JJ43AT.cjs');
+require('../__chunks/3W6FH6JK.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
+require('../__chunks/RNZNGEL4.cjs');
 
-var _3DILH277cjs = require('../__chunks/3DILH277.cjs');
-require('../__chunks/RU4K4ZH6.cjs');
-require('../__chunks/O6SYRTZH.cjs');
-require('../__chunks/ZZZ5MQHA.cjs');
-require('../__chunks/HSOKUBYY.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
+
+var _NLH3Z3GAcjs = require('../__chunks/NLH3Z3GA.cjs');
+require('../__chunks/23LJEFHI.cjs');
+require('../__chunks/65GJIQK5.cjs');
+require('../__chunks/X3I2WFGC.cjs');
+require('../__chunks/FQNGCFYY.cjs');
+require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 // src/tooltip/tooltip-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function TooltipProvider(props = {}) {
-  const store = _3DILH277cjs.useTooltipStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UBRGEBVNcjs.TooltipContextProvider, { value: store, children: props.children });
+  const store = _NLH3Z3GAcjs.useTooltipStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _M5JJ43ATcjs.TooltipContextProvider, { value: store, children: props.children });
 }
 
 

package/cjs/tooltip/tooltip-provider.d.cts

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+import type { TooltipStoreProps } from "./tooltip-store.js";
+/**
+ * Provides a tooltip store to Tooltip components.
+ * @see https://ariakit.org/components/tooltip
+ * @example
+ * ```jsx
+ * <TooltipProvider timeout={250}>
+ *   <TooltipAnchor />
+ *   <Tooltip />
+ * </TooltipProvider>
+ * ```
+ */
+export declare function TooltipProvider(props?: TooltipProviderProps): import("react/jsx-runtime").JSX.Element;
+export interface TooltipProviderProps extends TooltipStoreProps {
+    children?: ReactNode;
+}

package/cjs/tooltip/tooltip-store.cjs

@@ -1,16 +1,17 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _3DILH277cjs = require('../__chunks/3DILH277.cjs');
-require('../__chunks/RU4K4ZH6.cjs');
-require('../__chunks/O6SYRTZH.cjs');
-require('../__chunks/ZZZ5MQHA.cjs');
-require('../__chunks/HSOKUBYY.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _NLH3Z3GAcjs = require('../__chunks/NLH3Z3GA.cjs');
+require('../__chunks/23LJEFHI.cjs');
+require('../__chunks/65GJIQK5.cjs');
+require('../__chunks/X3I2WFGC.cjs');
+require('../__chunks/FQNGCFYY.cjs');
+require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.useTooltipStore = _3DILH277cjs.useTooltipStore; exports.useTooltipStoreProps = _3DILH277cjs.useTooltipStoreProps;
+
+exports.useTooltipStore = _NLH3Z3GAcjs.useTooltipStore; exports.useTooltipStoreProps = _NLH3Z3GAcjs.useTooltipStoreProps;

package/cjs/tooltip/tooltip-store.d.cts

@@ -0,0 +1,23 @@
+import * as Core from "@ariakit/core/tooltip/tooltip-store";
+import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.js";
+import type { Store } from "../utils/store.js";
+export declare function useTooltipStoreProps<T extends TooltipStore>(store: T, update: () => void, props: TooltipStoreProps): T;
+/**
+ * Creates a tooltip store.
+ * @see https://ariakit.org/components/tooltip
+ * @example
+ * ```jsx
+ * const tooltip = useTooltipStore();
+ * <TooltipAnchor store={tooltip}>Anchor</TooltipAnchor>
+ * <Tooltip store={tooltip}>Tooltip</Tooltip>
+ * ```
+ */
+export declare function useTooltipStore(props?: TooltipStoreProps): TooltipStore;
+export interface TooltipStoreState extends Core.TooltipStoreState, HovercardStoreState {
+}
+export interface TooltipStoreFunctions extends Core.TooltipStoreFunctions, HovercardStoreFunctions {
+}
+export interface TooltipStoreOptions extends Core.TooltipStoreOptions, HovercardStoreOptions {
+}
+export type TooltipStoreProps = TooltipStoreOptions & Core.TooltipStoreProps;
+export type TooltipStore = TooltipStoreFunctions & Store<Core.TooltipStore>;

package/cjs/tooltip/tooltip.cjs

@@ -1,67 +1,68 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _T222USYScjs = require('../__chunks/T222USYS.cjs');
-require('../__chunks/OLGMV24U.cjs');
-require('../__chunks/VAY4A33A.cjs');
 
+var _45RPYV4Jcjs = require('../__chunks/45RPYV4J.cjs');
+require('../__chunks/KXQOQQ5B.cjs');
+require('../__chunks/ISGOCBDC.cjs');
 
-var _QFGI3BJEcjs = require('../__chunks/QFGI3BJE.cjs');
-require('../__chunks/R7CSCUVW.cjs');
-require('../__chunks/RWS2MAR2.cjs');
-require('../__chunks/DFFFHQVQ.cjs');
-require('../__chunks/W32FX7DM.cjs');
-require('../__chunks/QK4GI6B3.cjs');
-require('../__chunks/COHI5HTS.cjs');
-require('../__chunks/F4RJLWZG.cjs');
-require('../__chunks/56NPFF7P.cjs');
-require('../__chunks/Z3TLXRS7.cjs');
-require('../__chunks/TLA46MN6.cjs');
-require('../__chunks/X2GXTE3P.cjs');
-require('../__chunks/VTRMALP6.cjs');
-require('../__chunks/BWQVQDGC.cjs');
-require('../__chunks/ELOQI33M.cjs');
-require('../__chunks/A6H7IIHJ.cjs');
-require('../__chunks/SOPRUU56.cjs');
-require('../__chunks/MNZPRWGC.cjs');
-require('../__chunks/CKEXTQ2S.cjs');
-require('../__chunks/NS56XHXG.cjs');
-require('../__chunks/CQSUIL2D.cjs');
-require('../__chunks/OAEUR56W.cjs');
-require('../__chunks/L2VQ4YLN.cjs');
 
+var _XFPRAS3Jcjs = require('../__chunks/XFPRAS3J.cjs');
+require('../__chunks/SHOS7XOU.cjs');
+require('../__chunks/NKR65BKC.cjs');
+require('../__chunks/PZL34OVO.cjs');
+require('../__chunks/344F3DYO.cjs');
+require('../__chunks/KREY6HXD.cjs');
+require('../__chunks/5ZOCN23X.cjs');
+require('../__chunks/JVDUGICD.cjs');
+require('../__chunks/VV6WA3I6.cjs');
+require('../__chunks/7YLCVXZ7.cjs');
+require('../__chunks/7TN63K2T.cjs');
+require('../__chunks/6IUEXB4L.cjs');
+require('../__chunks/JF225FQ5.cjs');
+require('../__chunks/5GTNIPQ6.cjs');
+require('../__chunks/V24PR4PW.cjs');
+require('../__chunks/7566TIRW.cjs');
+require('../__chunks/J3OG6T3B.cjs');
+require('../__chunks/S6WUBPBB.cjs');
+require('../__chunks/XB3G2EO2.cjs');
+require('../__chunks/CVD2AZE2.cjs');
+require('../__chunks/2BIO7R5N.cjs');
+require('../__chunks/LAUATD5O.cjs');
+require('../__chunks/7BSMGTGR.cjs');
 
 
-var _UBRGEBVNcjs = require('../__chunks/UBRGEBVN.cjs');
-require('../__chunks/Q6W7IWNJ.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/KSFAO77E.cjs');
 
+var _M5JJ43ATcjs = require('../__chunks/M5JJ43AT.cjs');
+require('../__chunks/3W6FH6JK.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
+require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/R66IWXK6.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/ZZZ5MQHA.cjs');
-require('../__chunks/HSOKUBYY.cjs');
-require('../__chunks/EVNF7KMT.cjs');
 
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/X3I2WFGC.cjs');
+require('../__chunks/FQNGCFYY.cjs');
+require('../__chunks/OALXXRFM.cjs');
 
-var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
 
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/tooltip/tooltip.tsx
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
-var useTooltip = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useTooltip = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -70,7 +71,7 @@ var useTooltip = _Z5PUIG6Acjs.createHook.call(void 0,
       preserveTabOrder = false,
       hideOnHoverOutside = true,
       hideOnInteractOutside = true
-    } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
       "store",
       "portal",
       "gutter",
@@ -78,22 +79,22 @@ var useTooltip = _Z5PUIG6Acjs.createHook.call(void 0,
       "hideOnHoverOutside",
       "hideOnInteractOutside"
     ]);
-    const context = _UBRGEBVNcjs.useTooltipProviderContext.call(void 0, );
+    const context = _M5JJ43ATcjs.useTooltipProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "Tooltip must receive a `store` prop or be wrapped in a TooltipProvider component."
     );
-    props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
+    props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UBRGEBVNcjs.TooltipScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _M5JJ43ATcjs.TooltipScopedContextProvider, { value: store, children: element }),
       [store]
     );
     const role = store.useState(
       (state) => state.type === "description" ? "tooltip" : "none"
     );
-    props = _72I2GWXFcjs.__spreadValues.call(void 0, { role }, props);
-    props = _T222USYScjs.useHovercard.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
+    props = _AV6KTKLEcjs.__spreadValues.call(void 0, { role }, props);
+    props = _45RPYV4Jcjs.useHovercard.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
       store,
       portal,
       gutter,
@@ -122,12 +123,12 @@ var useTooltip = _Z5PUIG6Acjs.createHook.call(void 0,
     return props;
   }
 );
-var Tooltip = _QFGI3BJEcjs.createDialogComponent.call(void 0, 
-  _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var Tooltip = _XFPRAS3Jcjs.createDialogComponent.call(void 0, 
+  _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
     const htmlProps = useTooltip(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
   }),
-  _UBRGEBVNcjs.useTooltipProviderContext
+  _M5JJ43ATcjs.useTooltipProviderContext
 );
 if (process.env.NODE_ENV !== "production") {
   Tooltip.displayName = "Tooltip";

package/cjs/tooltip/tooltip.d.cts

@@ -0,0 +1,42 @@
+import type { HovercardOptions } from "../hovercard/hovercard.js";
+import type { As, Props } from "../utils/types.js";
+import type { TooltipStore } from "./tooltip-store.js";
+/**
+ * Returns props to create a `Tooltip` component.
+ * @see https://ariakit.org/components/tooltip
+ * @example
+ * ```jsx
+ * const store = useToolTipStore();
+ * const props = useTooltip({ store });
+ * <TooltipAnchor store={store}>Anchor</TooltipAnchor>
+ * <Role {...props}>Tooltip</Role>
+ * ```
+ */
+export declare const useTooltip: import("../utils/types.js").Hook<TooltipOptions<"div">>;
+/**
+ * Renders a tooltip element.
+ * @see https://ariakit.org/components/tooltip
+ * @example
+ * ```jsx {3}
+ * <TooltipProvider>
+ *   <TooltipAnchor>Anchor</TooltipAnchor>
+ *   <Tooltip>Tooltip</Tooltip>
+ * </TooltipProvider>
+ * ```
+ */
+export declare const Tooltip: import("../utils/types.js").Component<TooltipOptions<"div">>;
+export interface TooltipOptions<T extends As = "div"> extends HovercardOptions<T> {
+    /**
+     * Object returned by the
+     * [`useTooltipStore`](https://ariakit.org/reference/use-tooltip-store) hook.
+     * If not provided, the closest
+     * [`TooltipProvider`](https://ariakit.org/reference/tooltip-provider)
+     * component's context will be used.
+     */
+    store?: TooltipStore;
+    /** @default true */
+    portal?: HovercardOptions<T>["portal"];
+    /** @default 8 */
+    gutter?: HovercardOptions<T>["gutter"];
+}
+export type TooltipProps<T extends As = "div"> = Props<TooltipOptions<T>>;

package/cjs/utils/hooks.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
 
@@ -19,11 +19,11 @@
 
 
 
-var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
 
+var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
@@ -43,4 +43,7 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.useAttribute = _5WLTMVVQcjs.useAttribute; exports.useBooleanEvent = _5WLTMVVQcjs.useBooleanEvent; exports.useControlledState = _5WLTMVVQcjs.useControlledState; exports.useDeferredValue = _5WLTMVVQcjs.useDeferredValue; exports.useEvent = _5WLTMVVQcjs.useEvent; exports.useForceUpdate = _5WLTMVVQcjs.useForceUpdate; exports.useId = _5WLTMVVQcjs.useId; exports.useInitialValue = _5WLTMVVQcjs.useInitialValue; exports.useIsMouseMoving = _5WLTMVVQcjs.useIsMouseMoving; exports.useLazyValue = _5WLTMVVQcjs.useLazyValue; exports.useLiveRef = _5WLTMVVQcjs.useLiveRef; exports.useMergeRefs = _5WLTMVVQcjs.useMergeRefs; exports.usePortalRef = _5WLTMVVQcjs.usePortalRef; exports.usePreviousValue = _5WLTMVVQcjs.usePreviousValue; exports.useRefId = _5WLTMVVQcjs.useRefId; exports.useSafeLayoutEffect = _5WLTMVVQcjs.useSafeLayoutEffect; exports.useTagName = _5WLTMVVQcjs.useTagName; exports.useUpdateEffect = _5WLTMVVQcjs.useUpdateEffect; exports.useUpdateLayoutEffect = _5WLTMVVQcjs.useUpdateLayoutEffect; exports.useWrapElement = _5WLTMVVQcjs.useWrapElement;
+
+
+
+exports.useAttribute = _EO6LS72Hcjs.useAttribute; exports.useBooleanEvent = _EO6LS72Hcjs.useBooleanEvent; exports.useControlledState = _EO6LS72Hcjs.useControlledState; exports.useDeferredValue = _EO6LS72Hcjs.useDeferredValue; exports.useEvent = _EO6LS72Hcjs.useEvent; exports.useForceUpdate = _EO6LS72Hcjs.useForceUpdate; exports.useId = _EO6LS72Hcjs.useId; exports.useInitialValue = _EO6LS72Hcjs.useInitialValue; exports.useIsMouseMoving = _EO6LS72Hcjs.useIsMouseMoving; exports.useLazyValue = _EO6LS72Hcjs.useLazyValue; exports.useLiveRef = _EO6LS72Hcjs.useLiveRef; exports.useMergeRefs = _EO6LS72Hcjs.useMergeRefs; exports.useMetadataProps = _EO6LS72Hcjs.useMetadataProps; exports.usePortalRef = _EO6LS72Hcjs.usePortalRef; exports.usePreviousValue = _EO6LS72Hcjs.usePreviousValue; exports.useRefId = _EO6LS72Hcjs.useRefId; exports.useSafeLayoutEffect = _EO6LS72Hcjs.useSafeLayoutEffect; exports.useTagName = _EO6LS72Hcjs.useTagName; exports.useUpdateEffect = _EO6LS72Hcjs.useUpdateEffect; exports.useUpdateLayoutEffect = _EO6LS72Hcjs.useUpdateLayoutEffect; exports.useWrapElement = _EO6LS72Hcjs.useWrapElement;

package/cjs/utils/hooks.d.cts

@@ -0,0 +1,145 @@
+import type { ComponentType, DependencyList, EffectCallback, MutableRefObject, Ref, RefCallback, RefObject } from "react";
+import { useLayoutEffect } from "react";
+import * as React from "react";
+import type { AnyFunction, SetState } from "@ariakit/core/utils/types";
+import type { WrapElement } from "./types.js";
+/**
+ * `React.useLayoutEffect` that fallbacks to `React.useEffect` on server side.
+ */
+export declare const useSafeLayoutEffect: typeof useLayoutEffect;
+/**
+ * Returns a value that never changes even if the argument is updated.
+ * @example
+ * function Component({ prop }) {
+ *   const initialProp = useInitialValue(prop);
+ * }
+ */
+export declare function useInitialValue<T>(value: T | (() => T)): T;
+/**
+ * Returns a value that is lazily initiated and never changes.
+ * @example
+ * function Component() {
+ *   const set = useLazyValue(() => new Set());
+ * }
+ */
+export declare function useLazyValue<T>(init: () => T): T;
+/**
+ * Creates a `React.RefObject` that is constantly updated with the incoming
+ * value.
+ * @example
+ * function Component({ prop }) {
+ *   const propRef = useLiveRef(prop);
+ * }
+ */
+export declare function useLiveRef<T>(value: T): MutableRefObject<T>;
+/**
+ * Keeps the reference of the previous value to be used in the render phase.
+ */
+export declare function usePreviousValue<T>(value: T): T;
+/**
+ * Creates a stable callback function that has access to the latest state and
+ * can be used within event handlers and effect callbacks. Throws when used in
+ * the render phase.
+ * @example
+ * function Component(props) {
+ *   const onClick = useEvent(props.onClick);
+ *   React.useEffect(() => {}, [onClick]);
+ * }
+ */
+export declare function useEvent<T extends AnyFunction>(callback?: T): T;
+/**
+ * Merges React Refs into a single memoized function ref so you can pass it to
+ * an element.
+ * @example
+ * const Component = React.forwardRef((props, ref) => {
+ *   const internalRef = React.useRef();
+ *   return <div {...props} ref={useMergeRefs(internalRef, ref)} />;
+ * });
+ */
+export declare function useMergeRefs(...refs: Array<Ref<any> | undefined>): ((value: unknown) => void) | undefined;
+/**
+ * Returns the ref element's ID.
+ */
+export declare function useRefId(ref?: RefObject<HTMLElement>, deps?: DependencyList): string | undefined;
+/**
+ * Generates a unique ID. Uses React's useId if available.
+ */
+export declare function useId(defaultId?: string): string | undefined;
+/**
+ * Uses React's useDeferredValue if available.
+ */
+export declare function useDeferredValue<T>(value: T): T;
+/**
+ * Returns the tag name by parsing an element ref.
+ * @example
+ * function Component(props) {
+ *   const ref = React.useRef();
+ *   const tagName = useTagName(ref, "button"); // div
+ *   return <div ref={ref} {...props} />;
+ * }
+ */
+export declare function useTagName(refOrElement?: RefObject<HTMLElement> | HTMLElement | null, type?: string | ComponentType): string | undefined;
+/**
+ * Returns the attribute value of an element.
+ * @example
+ * function Component(props) {
+ *   const ref = React.useRef();
+ *   const role = useAttribute(ref, "role", props.role);
+ *   return <div ref={ref} {...props} />;
+ * }
+ */
+export declare function useAttribute(refOrElement: RefObject<HTMLElement> | HTMLElement | null, attributeName: string, defaultValue?: string): string | undefined;
+/**
+ * A `React.useEffect` that will not run on the first render.
+ */
+export declare function useUpdateEffect(effect: EffectCallback, deps?: DependencyList): void;
+/**
+ * A `React.useLayoutEffect` that will not run on the first render.
+ */
+export declare function useUpdateLayoutEffect(effect: EffectCallback, deps?: DependencyList): void;
+/**
+ * A custom version of `React.useState` that uses the `state` and `setState`
+ * arguments. If they're not provided, it will use the internal state.
+ */
+export declare function useControlledState<S>(defaultState: S | (() => S), state?: S, setState?: (value: S) => void): [S, SetState<S>];
+/**
+ * A React hook similar to `useState` and `useReducer`, but with the only
+ * purpose of re-rendering the component.
+ */
+export declare function useForceUpdate(): [never[], React.DispatchWithoutAction];
+/**
+ * Returns an event callback similar to `useEvent`, but this also accepts a
+ * boolean value, which will be turned into a function.
+ */
+export declare function useBooleanEvent<T extends unknown[]>(booleanOrCallback: boolean | ((...args: T) => boolean)): (...args: T) => boolean;
+/**
+ * Returns props with an additional `wrapElement` prop.
+ */
+export declare function useWrapElement<P>(props: P & {
+    wrapElement?: WrapElement;
+}, callback: WrapElement, deps?: DependencyList): P & {
+    wrapElement: WrapElement;
+};
+/**
+ * Merges the portalRef prop and returns a `domReady` to be used in the
+ * components that use Portal underneath.
+ */
+export declare function usePortalRef(portalProp?: boolean, portalRefProp?: RefCallback<HTMLElement> | MutableRefObject<HTMLElement | null>): {
+    portalRef: ((value: unknown) => void) | undefined;
+    portalNode: HTMLElement | null;
+    domReady: true | HTMLElement | null;
+};
+/**
+ * A hook that passes metadata props around without leaking them to the DOM.
+ */
+export declare function useMetadataProps<T, K extends keyof any>(props: {
+    onLoadedMetadataCapture?: AnyFunction & {
+        [key in K]?: T;
+    };
+}, key: K, value: T): readonly [(AnyFunction & { [key in K]?: T | undefined; })[K] | undefined, {
+    readonly onLoadedMetadataCapture: () => void;
+}];
+/**
+ * Returns a function that checks whether the mouse is moving.
+ */
+export declare function useIsMouseMoving(): () => boolean;

package/cjs/utils/hooks.d.ts

@@ -129,6 +129,16 @@ export declare function usePortalRef(portalProp?: boolean, portalRefProp?: RefCa
     portalNode: HTMLElement | null;
     domReady: true | HTMLElement | null;
 };
+/**
+ * A hook that passes metadata props around without leaking them to the DOM.
+ */
+export declare function useMetadataProps<T, K extends keyof any>(props: {
+    onLoadedMetadataCapture?: AnyFunction & {
+        [key in K]?: T;
+    };
+}, key: K, value: T): readonly [(AnyFunction & { [key in K]?: T | undefined; })[K] | undefined, {
+    readonly onLoadedMetadataCapture: () => void;
+}];
 /**
  * Returns a function that checks whether the mouse is moving.
  */

package/cjs/utils/misc.cjs

@@ -1,13 +1,14 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
 
 
-var _7WUTS26Ycjs = require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _CJDHQUBRcjs = require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
 
-exports.getRefProperty = _7WUTS26Ycjs.getRefProperty; exports.isValidElementWithRef = _7WUTS26Ycjs.isValidElementWithRef; exports.mergeProps = _7WUTS26Ycjs.mergeProps; exports.setRef = _7WUTS26Ycjs.setRef;
+
+exports.getRefProperty = _CJDHQUBRcjs.getRefProperty; exports.isValidElementWithRef = _CJDHQUBRcjs.isValidElementWithRef; exports.mergeProps = _CJDHQUBRcjs.mergeProps; exports.setRef = _CJDHQUBRcjs.setRef;

package/cjs/utils/misc.d.cts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, MutableRefObject, ReactElement, RefAttributes, RefCallback } from "react";
+/**
+ * Sets both a function and object React ref.
+ */
+export declare function setRef<T>(ref: RefCallback<T> | MutableRefObject<T> | null | undefined, value: T): void;
+/**
+ * Checks if an element is a valid React element with a ref.
+ */
+export declare function isValidElementWithRef<P>(element: unknown): element is ReactElement<P> & RefAttributes<any>;
+/**
+ * Gets the ref property from a React element.
+ */
+export declare function getRefProperty(element: unknown): import("react").Ref<any> | undefined;
+/**
+ * Merges two sets of props.
+ */
+export declare function mergeProps<T extends HTMLAttributes<any>>(base: T, overrides: T): T;