@ariakit/react-core 0.3.6 → 0.3.8

package/esm/tooltip/tooltip.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   useHovercard
-} from "../__chunks/YGJUONJM.js";
+} from "../__chunks/BONLQCKO.js";
 import "../__chunks/YMV43K4F.js";
-import "../__chunks/KB2HXEVC.js";
+import "../__chunks/WBQC3LL4.js";
 import {
   createDialogComponent
 } from "../__chunks/U7WGY7YX.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ariakit/react-core",
-  "version": "0.3.6",
+  "version": "0.3.8",
   "description": "Ariakit React core",
   "sideEffects": false,
   "license": "MIT",
@@ -30,7 +30,7 @@
     "core"
   ],
   "dependencies": {
-    "@ariakit/core": "0.3.5",
+    "@ariakit/core": "0.3.7",
     "@floating-ui/dom": "^1.0.0",
     "use-sync-external-store": "^1.2.0"
   },
@@ -1320,6 +1320,13 @@
         "default": "./cjs/combobox/combobox-list.cjs"
       }
     },
+    "./combobox/combobox-label": {
+      "import": "./esm/combobox/combobox-label.js",
+      "require": {
+        "types": "./cjs/combobox/combobox-label.d.cts",
+        "default": "./cjs/combobox/combobox-label.cjs"
+      }
+    },
     "./combobox/combobox-item": {
       "import": "./esm/combobox/combobox-item.js",
       "require": {
@@ -1334,6 +1341,13 @@
         "default": "./cjs/combobox/combobox-item-value.cjs"
       }
     },
+    "./combobox/combobox-item-check": {
+      "import": "./esm/combobox/combobox-item-check.js",
+      "require": {
+        "types": "./cjs/combobox/combobox-item-check.d.cts",
+        "default": "./cjs/combobox/combobox-item-check.cjs"
+      }
+    },
     "./combobox/combobox-group": {
       "import": "./esm/combobox/combobox-group.js",
       "require": {

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

@@ -1,34 +0,0 @@
-import type { CollectionStore } from "./collection-store.js";
-/**
- * Returns the collection store from the nearest collection container.
- * @example
- * function CollectionItem() {
- *   const store = useCollectionContext();
- *
- *   if (!store) {
- *     throw new Error("CollectionItem must be wrapped in CollectionProvider");
- *   }
- *
- *   // Use the store...
- * }
- */
-export declare const useCollectionContext: () => CollectionStore<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-}> | undefined;
-export declare const useCollectionScopedContext: (onlyScoped?: boolean) => CollectionStore<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-}> | undefined;
-export declare const useCollectionProviderContext: () => CollectionStore<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-}> | undefined;
-export declare const CollectionContextProvider: (props: import("react").ProviderProps<CollectionStore<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-}> | undefined>) => import("react/jsx-runtime").JSX.Element;
-export declare const CollectionScopedContextProvider: (props: import("react").ProviderProps<CollectionStore<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-}> | undefined>) => import("react/jsx-runtime").JSX.Element;

package/cjs/collection/collection-context.d.ts

@@ -1,34 +0,0 @@
-import type { CollectionStore } from "./collection-store.js";
-/**
- * Returns the collection store from the nearest collection container.
- * @example
- * function CollectionItem() {
- *   const store = useCollectionContext();
- *
- *   if (!store) {
- *     throw new Error("CollectionItem must be wrapped in CollectionProvider");
- *   }
- *
- *   // Use the store...
- * }
- */
-export declare const useCollectionContext: () => CollectionStore<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-}> | undefined;
-export declare const useCollectionScopedContext: (onlyScoped?: boolean) => CollectionStore<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-}> | undefined;
-export declare const useCollectionProviderContext: () => CollectionStore<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-}> | undefined;
-export declare const CollectionContextProvider: (props: import("react").ProviderProps<CollectionStore<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-}> | undefined>) => import("react/jsx-runtime").JSX.Element;
-export declare const CollectionScopedContextProvider: (props: import("react").ProviderProps<CollectionStore<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-}> | undefined>) => import("react/jsx-runtime").JSX.Element;

package/cjs/composite/utils.d.cts

@@ -1,69 +0,0 @@
-import type { CompositeStore, CompositeStoreItem } from "./composite-store.js";
-/**
- * Moves all the items before the passed `id` to the end of the array. This is
- * useful when we want to loop through the items in the same row or column as
- * the first items will be placed after the last items.
- *
- * The null item that's inserted when `shouldInsertNullItem` is set to `true`
- * represents the composite container itself. When the active item is null, the
- * composite container has focus.
- */
-export declare function flipItems(items: CompositeStoreItem[], activeId: string, shouldInsertNullItem?: boolean): {
-    id: string;
-}[];
-/**
- * Finds the first enabled item.
- */
-export declare function findFirstEnabledItem(items: CompositeStoreItem[], excludeId?: string): ({
-    id: string;
-    element?: HTMLElement | null | undefined;
-} & {
-    rowId?: string | undefined;
-    disabled?: boolean | undefined;
-    children?: string | undefined;
-}) | undefined;
-/**
- * Finds the first enabled item by its id.
- */
-export declare function getEnabledItem(store: CompositeStore, id?: string | null): ({
-    id: string;
-    element?: HTMLElement | null | undefined;
-} & {
-    rowId?: string | undefined;
-    disabled?: boolean | undefined;
-    children?: string | undefined;
-}) | null;
-/**
- * Creates a two-dimensional array with items grouped by their rowId's.
- */
-export declare function groupItemsByRows(items: CompositeStoreItem[]): ({
-    id: string;
-    element?: HTMLElement | null | undefined;
-} & {
-    rowId?: string | undefined;
-    disabled?: boolean | undefined;
-    children?: string | undefined;
-})[][];
-/**
- * Selects text field contents even if it's a content editable element.
- */
-export declare function selectTextField(element: HTMLElement, collapseToEnd?: boolean): void;
-declare const FOCUS_SILENTLY: unique symbol;
-type FocusSilentlyElement = HTMLElement & {
-    [FOCUS_SILENTLY]?: boolean;
-};
-/**
- * Focus an element with a flag. The `silentlyFocused` function needs to be
- * called later to check if the focus was silenced and to reset this state.
- */
-export declare function focusSilently(element: FocusSilentlyElement): void;
-/**
- * Checks whether the element has been focused with the `focusSilently` function
- * and resets the state.
- */
-export declare function silentlyFocused(element: FocusSilentlyElement): boolean | undefined;
-/**
- * Determines whether the element is a composite item.
- */
-export declare function isItem(store: CompositeStore, element?: Element | null, exclude?: Element): boolean;
-export {};

package/cjs/composite/utils.d.ts

@@ -1,69 +0,0 @@
-import type { CompositeStore, CompositeStoreItem } from "./composite-store.js";
-/**
- * Moves all the items before the passed `id` to the end of the array. This is
- * useful when we want to loop through the items in the same row or column as
- * the first items will be placed after the last items.
- *
- * The null item that's inserted when `shouldInsertNullItem` is set to `true`
- * represents the composite container itself. When the active item is null, the
- * composite container has focus.
- */
-export declare function flipItems(items: CompositeStoreItem[], activeId: string, shouldInsertNullItem?: boolean): {
-    id: string;
-}[];
-/**
- * Finds the first enabled item.
- */
-export declare function findFirstEnabledItem(items: CompositeStoreItem[], excludeId?: string): ({
-    id: string;
-    element?: HTMLElement | null | undefined;
-} & {
-    rowId?: string | undefined;
-    disabled?: boolean | undefined;
-    children?: string | undefined;
-}) | undefined;
-/**
- * Finds the first enabled item by its id.
- */
-export declare function getEnabledItem(store: CompositeStore, id?: string | null): ({
-    id: string;
-    element?: HTMLElement | null | undefined;
-} & {
-    rowId?: string | undefined;
-    disabled?: boolean | undefined;
-    children?: string | undefined;
-}) | null;
-/**
- * Creates a two-dimensional array with items grouped by their rowId's.
- */
-export declare function groupItemsByRows(items: CompositeStoreItem[]): ({
-    id: string;
-    element?: HTMLElement | null | undefined;
-} & {
-    rowId?: string | undefined;
-    disabled?: boolean | undefined;
-    children?: string | undefined;
-})[][];
-/**
- * Selects text field contents even if it's a content editable element.
- */
-export declare function selectTextField(element: HTMLElement, collapseToEnd?: boolean): void;
-declare const FOCUS_SILENTLY: unique symbol;
-type FocusSilentlyElement = HTMLElement & {
-    [FOCUS_SILENTLY]?: boolean;
-};
-/**
- * Focus an element with a flag. The `silentlyFocused` function needs to be
- * called later to check if the focus was silenced and to reset this state.
- */
-export declare function focusSilently(element: FocusSilentlyElement): void;
-/**
- * Checks whether the element has been focused with the `focusSilently` function
- * and resets the state.
- */
-export declare function silentlyFocused(element: FocusSilentlyElement): boolean | undefined;
-/**
- * Determines whether the element is a composite item.
- */
-export declare function isItem(store: CompositeStore, element?: Element | null, exclude?: Element): boolean;
-export {};

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

@@ -1,74 +0,0 @@
-import * as Core from "@ariakit/core/tab/tab-store";
-import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
-import type { Store } from "../utils/store.js";
-type Item = Core.TabStoreItem;
-export declare function useTabStoreProps<T extends Core.TabStore>(store: T, update: () => void, props: TabStoreProps): T & {
-    panels: import("@ariakit/core/collection/collection-store").CollectionStoreFunctions<{
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        tabId?: string | null | undefined;
-    }> & import("@ariakit/core/utils/store").Store<import("@ariakit/core/collection/collection-store").CollectionStoreState<{
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        tabId?: string | null | undefined;
-    }>> & {
-        useState: {
-            (): import("@ariakit/core/collection/collection-store").CollectionStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                tabId?: string | null | undefined;
-            }>;
-            <K extends keyof import("@ariakit/core/collection/collection-store").CollectionStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                tabId?: string | null | undefined;
-            }>>(key: K): import("@ariakit/core/collection/collection-store").CollectionStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                tabId?: string | null | undefined;
-            }>[K];
-            <V>(selector: (state: import("@ariakit/core/collection/collection-store").CollectionStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                tabId?: string | null | undefined;
-            }>) => V): V;
-        };
-    };
-};
-/**
- * Creates a tab store.
- * @see https://ariakit.org/components/tab
- * @example
- * ```jsx
- * const tab = useTabStore();
- * <TabList store={tab}>
- *   <Tab>Tab 1</Tab>
- *   <Tab>Tab 2</Tab>
- * </TabList>
- * <TabPanel store={tab}>Panel 1</TabPanel>
- * <TabPanel store={tab}>Panel 2</TabPanel>
- * ```
- */
-export declare function useTabStore(props?: TabStoreProps): TabStore;
-export type TabStoreItem = Item;
-export interface TabStoreState extends Core.TabStoreState, CompositeStoreState<Item> {
-}
-export interface TabStoreFunctions extends Core.TabStoreFunctions, CompositeStoreFunctions<Item> {
-    panels: Store<Core.TabStoreFunctions["panels"]>;
-}
-export interface TabStoreOptions extends Core.TabStoreOptions, CompositeStoreOptions<Item> {
-    /**
-     * Function that will be called when the `selectedId` state changes.
-     * @param selectedId The new selected id.
-     */
-    setSelectedId?: (selectedId: TabStoreState["selectedId"]) => void;
-}
-export type TabStoreProps = TabStoreOptions & Core.TabStoreProps;
-export type TabStore = TabStoreFunctions & Store<Core.TabStore>;
-export {};

package/cjs/tab/tab-store.d.ts

@@ -1,74 +0,0 @@
-import * as Core from "@ariakit/core/tab/tab-store";
-import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
-import type { Store } from "../utils/store.js";
-type Item = Core.TabStoreItem;
-export declare function useTabStoreProps<T extends Core.TabStore>(store: T, update: () => void, props: TabStoreProps): T & {
-    panels: import("@ariakit/core/collection/collection-store").CollectionStoreFunctions<{
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        tabId?: string | null | undefined;
-    }> & import("@ariakit/core/utils/store").Store<import("@ariakit/core/collection/collection-store").CollectionStoreState<{
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        tabId?: string | null | undefined;
-    }>> & {
-        useState: {
-            (): import("@ariakit/core/collection/collection-store").CollectionStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                tabId?: string | null | undefined;
-            }>;
-            <K extends keyof import("@ariakit/core/collection/collection-store").CollectionStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                tabId?: string | null | undefined;
-            }>>(key: K): import("@ariakit/core/collection/collection-store").CollectionStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                tabId?: string | null | undefined;
-            }>[K];
-            <V>(selector: (state: import("@ariakit/core/collection/collection-store").CollectionStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                tabId?: string | null | undefined;
-            }>) => V): V;
-        };
-    };
-};
-/**
- * Creates a tab store.
- * @see https://ariakit.org/components/tab
- * @example
- * ```jsx
- * const tab = useTabStore();
- * <TabList store={tab}>
- *   <Tab>Tab 1</Tab>
- *   <Tab>Tab 2</Tab>
- * </TabList>
- * <TabPanel store={tab}>Panel 1</TabPanel>
- * <TabPanel store={tab}>Panel 2</TabPanel>
- * ```
- */
-export declare function useTabStore(props?: TabStoreProps): TabStore;
-export type TabStoreItem = Item;
-export interface TabStoreState extends Core.TabStoreState, CompositeStoreState<Item> {
-}
-export interface TabStoreFunctions extends Core.TabStoreFunctions, CompositeStoreFunctions<Item> {
-    panels: Store<Core.TabStoreFunctions["panels"]>;
-}
-export interface TabStoreOptions extends Core.TabStoreOptions, CompositeStoreOptions<Item> {
-    /**
-     * Function that will be called when the `selectedId` state changes.
-     * @param selectedId The new selected id.
-     */
-    setSelectedId?: (selectedId: TabStoreState["selectedId"]) => void;
-}
-export type TabStoreProps = TabStoreOptions & Core.TabStoreProps;
-export type TabStore = TabStoreFunctions & Store<Core.TabStore>;
-export {};

package/esm/collection/collection-context.d.ts

@@ -1,34 +0,0 @@
-import type { CollectionStore } from "./collection-store.js";
-/**
- * Returns the collection store from the nearest collection container.
- * @example
- * function CollectionItem() {
- *   const store = useCollectionContext();
- *
- *   if (!store) {
- *     throw new Error("CollectionItem must be wrapped in CollectionProvider");
- *   }
- *
- *   // Use the store...
- * }
- */
-export declare const useCollectionContext: () => CollectionStore<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-}> | undefined;
-export declare const useCollectionScopedContext: (onlyScoped?: boolean) => CollectionStore<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-}> | undefined;
-export declare const useCollectionProviderContext: () => CollectionStore<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-}> | undefined;
-export declare const CollectionContextProvider: (props: import("react").ProviderProps<CollectionStore<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-}> | undefined>) => import("react/jsx-runtime").JSX.Element;
-export declare const CollectionScopedContextProvider: (props: import("react").ProviderProps<CollectionStore<{
-    id: string;
-    element?: HTMLElement | null | undefined;
-}> | undefined>) => import("react/jsx-runtime").JSX.Element;

package/esm/composite/utils.d.ts

@@ -1,69 +0,0 @@
-import type { CompositeStore, CompositeStoreItem } from "./composite-store.js";
-/**
- * Moves all the items before the passed `id` to the end of the array. This is
- * useful when we want to loop through the items in the same row or column as
- * the first items will be placed after the last items.
- *
- * The null item that's inserted when `shouldInsertNullItem` is set to `true`
- * represents the composite container itself. When the active item is null, the
- * composite container has focus.
- */
-export declare function flipItems(items: CompositeStoreItem[], activeId: string, shouldInsertNullItem?: boolean): {
-    id: string;
-}[];
-/**
- * Finds the first enabled item.
- */
-export declare function findFirstEnabledItem(items: CompositeStoreItem[], excludeId?: string): ({
-    id: string;
-    element?: HTMLElement | null | undefined;
-} & {
-    rowId?: string | undefined;
-    disabled?: boolean | undefined;
-    children?: string | undefined;
-}) | undefined;
-/**
- * Finds the first enabled item by its id.
- */
-export declare function getEnabledItem(store: CompositeStore, id?: string | null): ({
-    id: string;
-    element?: HTMLElement | null | undefined;
-} & {
-    rowId?: string | undefined;
-    disabled?: boolean | undefined;
-    children?: string | undefined;
-}) | null;
-/**
- * Creates a two-dimensional array with items grouped by their rowId's.
- */
-export declare function groupItemsByRows(items: CompositeStoreItem[]): ({
-    id: string;
-    element?: HTMLElement | null | undefined;
-} & {
-    rowId?: string | undefined;
-    disabled?: boolean | undefined;
-    children?: string | undefined;
-})[][];
-/**
- * Selects text field contents even if it's a content editable element.
- */
-export declare function selectTextField(element: HTMLElement, collapseToEnd?: boolean): void;
-declare const FOCUS_SILENTLY: unique symbol;
-type FocusSilentlyElement = HTMLElement & {
-    [FOCUS_SILENTLY]?: boolean;
-};
-/**
- * Focus an element with a flag. The `silentlyFocused` function needs to be
- * called later to check if the focus was silenced and to reset this state.
- */
-export declare function focusSilently(element: FocusSilentlyElement): void;
-/**
- * Checks whether the element has been focused with the `focusSilently` function
- * and resets the state.
- */
-export declare function silentlyFocused(element: FocusSilentlyElement): boolean | undefined;
-/**
- * Determines whether the element is a composite item.
- */
-export declare function isItem(store: CompositeStore, element?: Element | null, exclude?: Element): boolean;
-export {};

package/esm/tab/tab-store.d.ts

@@ -1,74 +0,0 @@
-import * as Core from "@ariakit/core/tab/tab-store";
-import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
-import type { Store } from "../utils/store.js";
-type Item = Core.TabStoreItem;
-export declare function useTabStoreProps<T extends Core.TabStore>(store: T, update: () => void, props: TabStoreProps): T & {
-    panels: import("@ariakit/core/collection/collection-store").CollectionStoreFunctions<{
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        tabId?: string | null | undefined;
-    }> & import("@ariakit/core/utils/store").Store<import("@ariakit/core/collection/collection-store").CollectionStoreState<{
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        tabId?: string | null | undefined;
-    }>> & {
-        useState: {
-            (): import("@ariakit/core/collection/collection-store").CollectionStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                tabId?: string | null | undefined;
-            }>;
-            <K extends keyof import("@ariakit/core/collection/collection-store").CollectionStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                tabId?: string | null | undefined;
-            }>>(key: K): import("@ariakit/core/collection/collection-store").CollectionStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                tabId?: string | null | undefined;
-            }>[K];
-            <V>(selector: (state: import("@ariakit/core/collection/collection-store").CollectionStoreState<{
-                id: string;
-                element?: HTMLElement | null | undefined;
-            } & {
-                tabId?: string | null | undefined;
-            }>) => V): V;
-        };
-    };
-};
-/**
- * Creates a tab store.
- * @see https://ariakit.org/components/tab
- * @example
- * ```jsx
- * const tab = useTabStore();
- * <TabList store={tab}>
- *   <Tab>Tab 1</Tab>
- *   <Tab>Tab 2</Tab>
- * </TabList>
- * <TabPanel store={tab}>Panel 1</TabPanel>
- * <TabPanel store={tab}>Panel 2</TabPanel>
- * ```
- */
-export declare function useTabStore(props?: TabStoreProps): TabStore;
-export type TabStoreItem = Item;
-export interface TabStoreState extends Core.TabStoreState, CompositeStoreState<Item> {
-}
-export interface TabStoreFunctions extends Core.TabStoreFunctions, CompositeStoreFunctions<Item> {
-    panels: Store<Core.TabStoreFunctions["panels"]>;
-}
-export interface TabStoreOptions extends Core.TabStoreOptions, CompositeStoreOptions<Item> {
-    /**
-     * Function that will be called when the `selectedId` state changes.
-     * @param selectedId The new selected id.
-     */
-    setSelectedId?: (selectedId: TabStoreState["selectedId"]) => void;
-}
-export type TabStoreProps = TabStoreOptions & Core.TabStoreProps;
-export type TabStore = TabStoreFunctions & Store<Core.TabStore>;
-export {};

package/cjs/__chunks/{ISGOCBDC.cjs → RIZYIKBE.cjs}

@@ -357,9 +357,9 @@ var usePopover = _RNZNGEL4cjs.createHook.call(void 0,
     props = _XFPRAS3Jcjs.useDialog.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
+      portal,
       preserveTabOrder,
       preserveTabOrderAnchor: disclosureElement || anchorElement,
-      portal,
       autoFocusOnShow: positioned && autoFocusOnShow
     }, props), {
       portalRef

package/esm/__chunks/{KB2HXEVC.js → WBQC3LL4.js}

@@ -357,9 +357,9 @@ var usePopover = createHook(
     props = useDialog(__spreadProps(__spreadValues({
       store,
       modal,
+      portal,
       preserveTabOrder,
       preserveTabOrderAnchor: disclosureElement || anchorElement,
-      portal,
       autoFocusOnShow: positioned && autoFocusOnShow
     }, props), {
       portalRef