@ariakit/react-core 0.3.7 → 0.3.8

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

@@ -7,18 +7,12 @@ import type { MenubarStore } from "../menubar/menubar-store.js";
 import type { Store } from "../utils/store.js";
 type Values = Core.MenuStoreValues;
 export declare function useMenuStoreProps<T extends Core.MenuStore>(store: T, update: () => void, props: MenuStoreProps): T & {
-    combobox: (import("../combobox/combobox-store.js").ComboboxStoreFunctions & import("@ariakit/core/combobox/combobox-store").ComboboxStoreFunctions & import("@ariakit/core/utils/store").Store<import("@ariakit/core/combobox/combobox-store").ComboboxStoreState> & {
-        useState: {
-            (): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState;
-            <K extends keyof import("@ariakit/core/combobox/combobox-store").ComboboxStoreState>(key: K): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState[K];
-            <V>(selector: (state: import("@ariakit/core/combobox/combobox-store").ComboboxStoreState) => V): V;
-        };
-    }) | null | undefined;
+    combobox: (ComboboxStore<string | string[]> & import("@ariakit/core/combobox/combobox-store").ComboboxStore<string | string[]>) | null | undefined;
     parent: (MenuStoreFunctions<Core.MenuStoreValues> & Core.MenuStoreFunctions<Core.MenuStoreValues> & import("@ariakit/core/utils/store").Store<Core.MenuStoreState<Core.MenuStoreValues>> & {
         useState: {
             (): Core.MenuStoreState<Core.MenuStoreValues>;
-            <K_1 extends keyof Core.MenuStoreState<Core.MenuStoreValues>>(key: K_1): Core.MenuStoreState<Core.MenuStoreValues>[K_1];
-            <V_1>(selector: (state: Core.MenuStoreState<Core.MenuStoreValues>) => V_1): V_1;
+            <K extends keyof Core.MenuStoreState<Core.MenuStoreValues>>(key: K): Core.MenuStoreState<Core.MenuStoreValues>[K];
+            <V>(selector: (state: Core.MenuStoreState<Core.MenuStoreValues>) => V): V;
         };
     } & Core.MenuStoreFunctions<{
         [x: string]: string | number | boolean | (string | number)[];
@@ -28,8 +22,8 @@ export declare function useMenuStoreProps<T extends Core.MenuStore>(store: T, up
     menubar: (import("../menubar/menubar-store.js").MenubarStoreFunctions & import("@ariakit/core/menubar/menubar-store").MenubarStore & {
         useState: {
             (): import("@ariakit/core/menubar/menubar-store").MenubarStoreState;
-            <K_2 extends keyof import("@ariakit/core/menubar/menubar-store").MenubarStoreState>(key: K_2): import("@ariakit/core/menubar/menubar-store").MenubarStoreState[K_2];
-            <V_2>(selector: (state: import("@ariakit/core/menubar/menubar-store").MenubarStoreState) => V_2): V_2;
+            <K_1 extends keyof import("@ariakit/core/menubar/menubar-store").MenubarStoreState>(key: K_1): import("@ariakit/core/menubar/menubar-store").MenubarStoreState[K_1];
+            <V_1>(selector: (state: import("@ariakit/core/menubar/menubar-store").MenubarStoreState) => V_1): V_1;
         };
     }) | null | undefined;
 };

package/esm/menu/menu-store.js

@@ -2,10 +2,10 @@
 import {
   useMenuStore,
   useMenuStoreProps
-} from "../__chunks/PHTJ3BCW.js";
+} from "../__chunks/7HYEBVZE.js";
 import "../__chunks/YGMEBI3A.js";
 import "../__chunks/KA4GX64Z.js";
-import "../__chunks/MTC2KUZZ.js";
+import "../__chunks/W76OTZCC.js";
 import "../__chunks/ELWRSPQ7.js";
 import "../__chunks/5A2VZUUV.js";
 import "../__chunks/IB7YUKH5.js";

package/esm/popover/popover.d.ts

@@ -43,6 +43,9 @@ export interface PopoverOptions<T extends As = "div"> extends DialogOptions<T> {
     /**
      * Props that will be passed to the popover wrapper element. This element will
      * be used to position the popover.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      */
     wrapperProps?: HTMLAttributes<HTMLDivElement>;
     /**
@@ -68,6 +71,7 @@ export interface PopoverOptions<T extends As = "div"> extends DialogOptions<T> {
      * negative values to make the popover shift to the opposite side.
      *
      * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * - [Submenu](https://ariakit.org/examples/menu-nested)
      * - [Menubar](https://ariakit.org/components/menubar)
      * @default 0

package/esm/portal/portal.d.ts

@@ -98,6 +98,9 @@ export interface PortalOptions<T extends As = "div"> extends Options<T> {
      * An HTML element or a memoized callback function that returns an HTML
      * element to be used as the portal element. By default, the portal element
      * will be a `div` element appended to the `document.body`.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * @example
      * ```jsx
      * const [portal, setPortal] = useState(null);

package/esm/select/select-item.js

@@ -45,9 +45,9 @@ import { isDownloading, isOpeningInNewTab } from "@ariakit/core/utils/events";
 import { disabledFromProps, invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
 function isSelected(storeValue, itemValue) {
-  if (storeValue == null)
-    return false;
   if (itemValue == null)
+    return;
+  if (storeValue == null)
     return false;
   if (Array.isArray(storeValue)) {
     return storeValue.includes(itemValue);
@@ -127,7 +127,7 @@ var useSelectItem = createHook(
     const selected = store.useState((state) => isSelected(state.value, value));
     props = useWrapElement(
       props,
-      (element) => /* @__PURE__ */ jsx(SelectItemCheckedContext.Provider, { value: selected, children: element }),
+      (element) => /* @__PURE__ */ jsx(SelectItemCheckedContext.Provider, { value: selected != null ? selected : false, children: element }),
       [selected]
     );
     const contentElement = store.useState("contentElement");

package/esm/select/select-label.js

@@ -1,6 +1,6 @@
 "use client";
 import {
-  useSelectScopedContext
+  useSelectProviderContext
 } from "../__chunks/5HVNGX6D.js";
 import "../__chunks/IB7YUKH5.js";
 import "../__chunks/4UUKJZ4V.js";
@@ -29,7 +29,7 @@ import { invariant } from "@ariakit/core/utils/misc";
 var useSelectLabel = createHook(
   (_a) => {
     var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
-    const context = useSelectScopedContext();
+    const context = useSelectProviderContext();
     store = store || context;
     invariant(
       store,

package/esm/select/select-provider.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   useSelectStore
-} from "../__chunks/NE6JAKK6.js";
-import "../__chunks/MTC2KUZZ.js";
+} from "../__chunks/P3UZS6BC.js";
+import "../__chunks/W76OTZCC.js";
 import {
   SelectContextProvider
 } from "../__chunks/5HVNGX6D.js";

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

@@ -7,13 +7,7 @@ import type { Store } from "../utils/store.js";
 type Item = Core.SelectStoreItem;
 type Value = Core.SelectStoreValue;
 export declare function useSelectStoreProps<T extends Core.SelectStore>(store: T, update: () => void, props: SelectStoreProps): T & {
-    combobox: (import("../combobox/combobox-store.js").ComboboxStoreFunctions & import("@ariakit/core/combobox/combobox-store").ComboboxStoreFunctions & import("@ariakit/core/utils/store").Store<import("@ariakit/core/combobox/combobox-store").ComboboxStoreState> & {
-        useState: {
-            (): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState;
-            <K extends keyof import("@ariakit/core/combobox/combobox-store").ComboboxStoreState>(key: K): import("@ariakit/core/combobox/combobox-store").ComboboxStoreState[K];
-            <V>(selector: (state: import("@ariakit/core/combobox/combobox-store").ComboboxStoreState) => V): V;
-        };
-    }) | null | undefined;
+    combobox: (ComboboxStore<string | string[]> & import("@ariakit/core/combobox/combobox-store").ComboboxStore<string | string[]>) | null | undefined;
 };
 /**
  * Creates a select store.

package/esm/select/select-store.js

@@ -2,8 +2,8 @@
 import {
   useSelectStore,
   useSelectStoreProps
-} from "../__chunks/NE6JAKK6.js";
-import "../__chunks/MTC2KUZZ.js";
+} from "../__chunks/P3UZS6BC.js";
+import "../__chunks/W76OTZCC.js";
 import "../__chunks/ELWRSPQ7.js";
 import "../__chunks/5A2VZUUV.js";
 import "../__chunks/IB7YUKH5.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ariakit/react-core",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "description": "Ariakit React core",
   "sideEffects": false,
   "license": "MIT",
@@ -30,7 +30,7 @@
     "core"
   ],
   "dependencies": {
-    "@ariakit/core": "0.3.6",
+    "@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 {};