@ariakit/react-core 0.3.4 → 0.3.5

package/cjs/utils/store.d.cts

@@ -0,0 +1,62 @@
+import type { Store as CoreStore, State, StoreState } from "@ariakit/core/utils/store";
+import type { PickByValue, SetState } from "@ariakit/core/utils/types";
+type UseState<S> = {
+    /**
+     * Re-renders the component when state changes and returns the current state.
+     * @example
+     * const state = store.useState();
+     */
+    (): S;
+    /**
+     * Re-renders the component when the state changes and returns the current
+     * state given the passed key. Changes on other keys will not trigger a
+     * re-render.
+     * @param key The state key.
+     * @example
+     * const foo = store.useState("foo");
+     */
+    <K extends keyof S>(key: K): S[K];
+    /**
+     * Re-renders the component when the state changes given the return value of
+     * the selector function. The selector should return a stable value that will
+     * be compared to the previous value. Returns the value returned by the
+     * selector function.
+     * @param selector The selector function.
+     * @example
+     * const foo = store.useState((state) => state.foo);
+     */
+    <V>(selector: (state: S) => V): V;
+};
+type StateKey<T = CoreStore> = keyof StoreState<T>;
+export declare function useStoreState<T extends CoreStore>(store: T): StoreState<T>;
+export declare function useStoreState<T extends CoreStore>(store: T | null | undefined): StoreState<T> | undefined;
+export declare function useStoreState<T extends CoreStore, K extends StateKey<T>>(store: T, key: K): StoreState<T>[K];
+export declare function useStoreState<T extends CoreStore, K extends StateKey<T>>(store: T | null | undefined, key: K): StoreState<T>[K] | undefined;
+export declare function useStoreState<T extends CoreStore, V>(store: T, selector: (state: StoreState<T>) => V): V;
+export declare function useStoreState<T extends CoreStore, V>(store: T | null | undefined, selector: (state?: StoreState<T>) => V): V;
+/**
+ * Synchronizes the store with the props, including parent store props.
+ * @param store The store to synchronize.
+ * @param props The props to synchronize with.
+ * @param key The key of the value prop.
+ * @param setKey The key of the setValue prop.
+ */
+export declare function useStoreProps<S extends State, P extends Partial<S>, K extends keyof S, SK extends keyof PickByValue<P, SetState<P[K]>>>(store: CoreStore<S>, props: P, key: K, setKey?: SK): void;
+/**
+ * Creates a React store from a core store object and returns a tuple with the
+ * store and a function to update the store.
+ * @param createStore A function that receives the props and returns a core
+ * store object.
+ * @param props The props to pass to the createStore function.
+ */
+export declare function useStore<T extends CoreStore, P>(createStore: (props: P) => T, props: P): readonly [T & {
+    useState: UseState<StoreState<T>>;
+}, () => void];
+export type Store<T extends CoreStore = CoreStore> = T & {
+    /**
+     * Re-renders the component when the state changes and returns the current
+     * state.
+     */
+    useState: UseState<StoreState<T>>;
+};
+export {};

package/cjs/utils/system.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
 
@@ -6,11 +6,11 @@
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
 
@@ -18,4 +18,5 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.createComponent = _Z5PUIG6Acjs.createComponent; exports.createElement = _Z5PUIG6Acjs.createElement; exports.createHook = _Z5PUIG6Acjs.createHook; exports.createMemoComponent = _Z5PUIG6Acjs.createMemoComponent; exports.createStoreContext = _Z5PUIG6Acjs.createStoreContext; exports.forwardRef = _Z5PUIG6Acjs.forwardRef; exports.memo = _Z5PUIG6Acjs.memo;
+
+exports.createComponent = _VKYTJKYNcjs.createComponent; exports.createElement = _VKYTJKYNcjs.createElement; exports.createHook = _VKYTJKYNcjs.createHook; exports.createMemoComponent = _VKYTJKYNcjs.createMemoComponent; exports.createStoreContext = _VKYTJKYNcjs.createStoreContext; exports.forwardRef = _VKYTJKYNcjs.forwardRef; exports.memo = _VKYTJKYNcjs.memo;

package/cjs/utils/system.d.cts

@@ -0,0 +1,98 @@
+import * as React from "react";
+import type { Store } from "./store.js";
+import type { Component, HTMLProps, Hook, Options, Props } from "./types.js";
+/**
+ * The same as `React.forwardRef` but passes the `ref` as a prop and returns a
+ * component with the same generic type.
+ */
+export declare function forwardRef<T extends React.FC>(render: T): T;
+/**
+ * The same as `React.memo` but returns a component with the same generic type.
+ */
+export declare function memo<P, T extends React.FC<P>>(Component: T, propsAreEqual?: (prevProps: Readonly<P>, nextProps: Readonly<P>) => boolean): T;
+/**
+ * Creates a type-safe component with the `as` prop and `React.forwardRef`.
+ *
+ * @example
+ * import { createComponent } from "@ariakit/react-core/utils/system";
+ *
+ * type Props = {
+ *   as?: "div";
+ *   customProp?: boolean;
+ * };
+ *
+ * const Component = createComponent<Props>(({ customProp, ...props }) => {
+ *   return <div {...props} />;
+ * });
+ *
+ * <Component customProp render={<button />} />
+ */
+export declare function createComponent<O extends Options>(render: (props: Props<O>) => React.ReactElement | null): Component<O>;
+/**
+ * Creates a type-safe component with the `as` prop, `React.forwardRef` and
+ * `React.memo`.
+ *
+ * @example
+ * import { createMemoComponent } from "@ariakit/react-core/utils/system";
+ *
+ * type Props = {
+ *   as?: "div";
+ *   customProp?: boolean;
+ * };
+ *
+ * const Component = createMemoComponent<Props>(({ customProp, ...props }) => {
+ *   return <div {...props} />;
+ * });
+ *
+ * <Component customProp render={<button />} />
+ */
+export declare function createMemoComponent<O extends Options>(render: (props: Props<O>) => React.ReactElement | null): Component<O>;
+/**
+ * Creates a React element that supports the `render` and `wrapElement` props.
+ * @example
+ * import { createElement } from "@ariakit/react-core/utils/system";
+ *
+ * function Component() {
+ *   const props = {
+ *     render: (htmlProps) => <button {...htmlProps} />,
+ *     wrapElement: (element) => <div>{element}</div>,
+ *   };
+ *   return createElement("div", props);
+ * }
+ */
+export declare function createElement(Type: React.ElementType, props: HTMLProps<Options>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+/**
+ * Creates a component hook that accepts props and returns props so they can be
+ * passed to a React element.
+ *
+ * @example
+ * import { Options, createHook } from "@ariakit/react-core/utils/system";
+ *
+ * type Props = Options<"div"> & {
+ *   customProp?: boolean;
+ * };
+ *
+ * const useComponent = createHook<Props>(({ customProp, ...props }) => {
+ *   return props;
+ * });
+ *
+ * const props = useComponent({ as: "button", customProp: true });
+ */
+export declare function createHook<O extends Options>(useProps: (props: Props<O>) => HTMLProps<O>): Hook<O>;
+type StoreProvider<T extends Store> = React.ComponentType<{
+    value: T | undefined;
+    children?: React.ReactNode;
+}>;
+/**
+ * Creates an Ariakit store context with hooks and provider components.
+ */
+export declare function createStoreContext<T extends Store>(providers?: StoreProvider<T>[], scopedProviders?: StoreProvider<T>[]): {
+    context: React.Context<T | undefined>;
+    scopedContext: React.Context<T | undefined>;
+    useContext: () => T | undefined;
+    useScopedContext: (onlyScoped?: boolean) => T | undefined;
+    useProviderContext: () => T | undefined;
+    ContextProvider: (props: React.ProviderProps<T | undefined>) => import("react/jsx-runtime").JSX.Element;
+    ScopedContextProvider: (props: React.ProviderProps<T | undefined>) => import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/cjs/utils/system.d.ts

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

package/cjs/utils/types.cjs

@@ -1 +1 @@
-"use strict";
+"use strict";"use client";

package/cjs/utils/types.d.cts

@@ -0,0 +1,79 @@
+import type * as React from "react";
+/**
+ * Render prop type.
+ * @template P Props
+ * @example
+ * const children: RenderProp = (props) => <div {...props} />;
+ */
+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> = React.ElementType<P>;
+/**
+ * The `wrapElement` prop.
+ */
+export type WrapElement = (element: React.ReactElement) => React.ReactElement;
+/**
+ * The `children` prop that supports a function.
+ * @template T Element type.
+ */
+export type Children<T = any> = React.ReactNode | RenderProp<React.HTMLAttributes<T> & React.RefAttributes<T>>;
+/**
+ * Props with the `as` prop.
+ * @template T The `as` prop
+ * @example
+ * type ButtonOptions = Options<"button">;
+ */
+export type Options<T extends As = any> = {
+    /**
+     * @deprecated Use the [`render`](https://ariakit.org/guide/composition) prop
+     * instead.
+     */
+    as?: T;
+};
+/**
+ * Props that automatically includes HTML props based on the `as` prop.
+ * @template O Options
+ * @example
+ * type ButtonHTMLProps = HTMLProps<Options<"button">>;
+ */
+export type HTMLProps<O extends Options> = {
+    wrapElement?: WrapElement;
+    children?: Children;
+    render?: RenderProp | React.ReactElement;
+    [index: `data-${string}`]: unknown;
+} & Omit<React.ComponentPropsWithRef<NonNullable<O["as"]>>, keyof O | "children">;
+/**
+ * Options & HTMLProps
+ * @template O Options
+ * @example
+ * type ButtonProps = Props<Options<"button">>;
+ */
+export type Props<O extends Options> = O & HTMLProps<O>;
+/**
+ * A component that supports the `as` prop and the `children` prop as a
+ * function.
+ * @template O Options
+ * @example
+ * type ButtonComponent = Component<Options<"button">>;
+ */
+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.
+ * @template O Options
+ * @example
+ * type ButtonHook = Hook<Options<"button">>;
+ */
+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,12 +1,13 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _KSFAO77Ecjs = require('../__chunks/KSFAO77E.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _QCAPQDE7cjs = require('../__chunks/QCAPQDE7.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.VisuallyHidden = _KSFAO77Ecjs.VisuallyHidden; exports.useVisuallyHidden = _KSFAO77Ecjs.useVisuallyHidden;
+
+exports.VisuallyHidden = _QCAPQDE7cjs.VisuallyHidden; exports.useVisuallyHidden = _QCAPQDE7cjs.useVisuallyHidden;

package/cjs/visually-hidden/visually-hidden.d.cts

@@ -0,0 +1,29 @@
+import type { As, Options, Props } from "../utils/types.js";
+/**
+ * Returns props to create a `VisuallyHidden` component. When applying the props
+ * returned by this hook to a component, the component will be visually hidden,
+ * but still accessible to screen readers.
+ * @see https://ariakit.org/components/visually-hidden
+ * @example
+ * ```jsx
+ * const props = useVisuallyHidden();
+ * <a href="#">
+ *   Learn more<Role {...props}> about the Solar System</Role>.
+ * </a>
+ * ```
+ */
+export declare const useVisuallyHidden: import("../utils/types.js").Hook<VisuallyHiddenOptions<"span">>;
+/**
+ * Renders an element that's visually hidden, but still accessible to screen
+ * readers.
+ * @see https://ariakit.org/components/visually-hidden
+ * @example
+ * ```jsx
+ * <a href="#">
+ *   Learn more<VisuallyHidden> about the Solar System</VisuallyHidden>.
+ * </a>
+ * ```
+ */
+export declare const VisuallyHidden: import("../utils/types.js").Component<VisuallyHiddenOptions<"span">>;
+export type VisuallyHiddenOptions<T extends As = "span"> = Options<T>;
+export type VisuallyHiddenProps<T extends As = "span"> = Props<VisuallyHiddenOptions<T>>;

package/esm/__chunks/{WHAB4XD6.js → 2ID5JPOO.js}

@@ -1,12 +1,13 @@
+"use client";
 import {
   useEvent,
   useLiveRef,
   useSafeLayoutEffect
-} from "./J7Q2EO23.js";
+} from "./6WEF4WY5.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./2SMRF6AD.js";
 
 // src/utils/store.tsx
 import * as React from "react";
@@ -64,6 +65,8 @@ function useStoreProps(store, props, key, setKey) {
       return;
     canSyncValue.current = true;
     return sync(store, [key], () => {
+      if (value === void 0)
+        return;
       if (!canSyncValue.current)
         return;
       store.setState(key, value);

package/esm/__chunks/{ZYB5SMUW.js → 2IYBCQM2.js}

@@ -1,26 +1,27 @@
+"use client";
 import {
   selectTextField
-} from "./OXPV2NBK.js";
+} from "./6QXBPV75.js";
 import {
   useCompositeContext
-} from "./5C7J4IAS.js";
+} from "./X3ATWMYX.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./CFEUKV6C.js";
+} from "./LFJDOMBA.js";
 import {
   useStoreState
-} from "./WHAB4XD6.js";
+} from "./2ID5JPOO.js";
 import {
   useEvent,
   useMergeRefs
-} from "./J7Q2EO23.js";
+} from "./6WEF4WY5.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./2SMRF6AD.js";
 
 // src/composite/composite-container.ts
 import { useEffect, useRef } from "react";

package/esm/__chunks/{OQUFN5QO.js → 2J2XF6WW.js}

@@ -1,18 +1,19 @@
+"use client";
 import {
   usePopoverDismiss
-} from "./WNHMGHG5.js";
+} from "./LAO6LEBC.js";
 import {
   useHovercardScopedContext
-} from "./5DA3HK6G.js";
+} from "./B4BLW6E7.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./LFJDOMBA.js";
 import {
   __objRest,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./2SMRF6AD.js";
 
 // src/hovercard/hovercard-dismiss.ts
 var useHovercardDismiss = createHook(

package/esm/__chunks/{PNRLI7OV.js → 2SMRF6AD.js}

@@ -1,3 +1,4 @@
+"use client";
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;

package/esm/__chunks/{FK7TLQA3.js → 2UMXWJJP.js}

@@ -1,19 +1,20 @@
+"use client";
 import {
   HeadingContext
-} from "./COQHFAEN.js";
+} from "./XPF5GU3Q.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./LFJDOMBA.js";
 import {
   useMergeRefs,
   useTagName
-} from "./J7Q2EO23.js";
+} from "./6WEF4WY5.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./2SMRF6AD.js";
 
 // src/heading/heading.tsx
 import { useContext, useMemo, useRef } from "react";

package/esm/__chunks/{PTJJY26M.js → 2VASUNFX.js}

@@ -1,19 +1,20 @@
+"use client";
 import {
   DialogDescriptionContext
-} from "./5YYGDU4E.js";
+} from "./SNQAYGW2.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./LFJDOMBA.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./J7Q2EO23.js";
+} from "./6WEF4WY5.js";
 import {
   __objRest,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./2SMRF6AD.js";
 
 // src/dialog/dialog-description.ts
 import { useContext } from "react";

package/esm/__chunks/{DCODCZJS.js → 37XXBWT2.js}

@@ -1,25 +1,26 @@
+"use client";
 import {
   getCollectionRendererItemId,
   useCollectionRenderer
-} from "./2FIUKXIM.js";
+} from "./OKQLSXJX.js";
 import {
   useCompositeContext
-} from "./5C7J4IAS.js";
+} from "./X3ATWMYX.js";
 import {
   createElement,
   forwardRef
-} from "./CFEUKV6C.js";
+} from "./LFJDOMBA.js";
 import {
   useStoreState
-} from "./WHAB4XD6.js";
+} from "./2ID5JPOO.js";
 import {
   useId
-} from "./J7Q2EO23.js";
+} from "./6WEF4WY5.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./2SMRF6AD.js";
 
 // src/composite/composite-renderer.tsx
 import { useMemo } from "react";

package/esm/__chunks/{MHJWVBOP.js → 3AAZQSAV.js}

@@ -1,14 +1,15 @@
+"use client";
 import {
   useGroup
-} from "./JCUV76PT.js";
+} from "./ULCTMK2H.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./LFJDOMBA.js";
 import {
   __objRest
-} from "./PNRLI7OV.js";
+} from "./2SMRF6AD.js";
 
 // src/form/form-group.ts
 var useFormGroup = createHook(

package/esm/__chunks/{CJI67A3R.js → 3I4EOZD7.js}

@@ -1,6 +1,7 @@
+"use client";
 import {
   useForceUpdate
-} from "./J7Q2EO23.js";
+} from "./6WEF4WY5.js";
 
 // src/dialog/utils/use-root-dialog.ts
 import { useCallback, useEffect } from "react";

package/esm/__chunks/{F5VAC7MB.js → 3X3MDQGM.js}

@@ -1,3 +1,5 @@
+"use client";
+
 // src/group/group-label-context.ts
 import { createContext } from "react";
 var GroupLabelContext = createContext(void 0);

package/esm/__chunks/{UXIMR4AS.js → 4MXLDXAO.js}

@@ -1,65 +1,66 @@
+"use client";
 import {
   DialogBackdrop
-} from "./NXB7YL3C.js";
+} from "./JQ2AMQCL.js";
 import {
   useNestedDialogs
-} from "./HWJ7DGMR.js";
+} from "./G5X3WBMZ.js";
 import {
   useHideOnInteractOutside
-} from "./7LB47D2O.js";
+} from "./YPQ27YD7.js";
 import {
   prependHiddenDismiss
-} from "./62DFK33R.js";
+} from "./6GXEOXGT.js";
 import {
   isElementMarked,
   markTreeOutside
-} from "./FRKOFFMT.js";
+} from "./TL67WVI6.js";
 import {
   disableTree,
   disableTreeOutside
-} from "./EGOOWJGN.js";
+} from "./CU5FOQJK.js";
 import {
   disableAccessibilityTreeOutside
-} from "./7VWXICM7.js";
+} from "./BULCTPRV.js";
 import {
   createWalkTreeSnapshot
-} from "./VRCYQ6JX.js";
+} from "./72E5EPFF.js";
 import {
   usePreventBodyScroll
-} from "./3LGVTTHD.js";
+} from "./ZGFCAP4H.js";
 import {
   useFocusableContainer
-} from "./REKKG4AV.js";
+} from "./QZMQZL6N.js";
 import {
   HeadingLevel
-} from "./6OMX4H3W.js";
+} from "./UYRJLDVS.js";
 import {
   usePortal
-} from "./IDYHJHXJ.js";
+} from "./5TQMQMFE.js";
 import {
   isHidden,
   useDisclosureContent
-} from "./KK6NPMOP.js";
+} from "./QUBURLUM.js";
 import {
   DialogDescriptionContext,
   DialogHeadingContext,
   DialogScopedContextProvider,
   useDialogProviderContext
-} from "./5YYGDU4E.js";
+} from "./SNQAYGW2.js";
 import {
   useFocusable
-} from "./YTHH33BK.js";
+} from "./HJIEYVEO.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./LFJDOMBA.js";
 import {
   useDialogStore
-} from "./IZFXPXHG.js";
+} from "./XWCMZCWT.js";
 import {
   useStoreState
-} from "./WHAB4XD6.js";
+} from "./2ID5JPOO.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -68,12 +69,12 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./J7Q2EO23.js";
+} from "./6WEF4WY5.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./2SMRF6AD.js";
 
 // src/dialog/dialog.tsx
 import { useCallback, useEffect, useRef, useState } from "react";

package/esm/__chunks/{OD3JT64N.js → 4ORPOXHX.js}

@@ -1,10 +1,11 @@
+"use client";
 import {
   useStore,
   useStoreProps
-} from "./WHAB4XD6.js";
+} from "./2ID5JPOO.js";
 import {
   useUpdateEffect
-} from "./J7Q2EO23.js";
+} from "./6WEF4WY5.js";
 
 // src/disclosure/disclosure-store.ts
 import * as Core from "@ariakit/core/disclosure/disclosure-store";