@ariakit/react-core 0.3.8 → 0.3.9

package/esm/__chunks/{5A2VZUUV.js → HDMIVTNE.js}

@@ -2,7 +2,7 @@
 import {
   useStore,
   useStoreProps
-} from "./XF5ITC6P.js";
+} from "./4OZYHFMH.js";
 import {
   useUpdateEffect
 } from "./6O5OEQGF.js";

package/esm/__chunks/{BONLQCKO.js → HQ7YVNMA.js}

@@ -6,10 +6,10 @@ import {
 } from "./YMV43K4F.js";
 import {
   usePopover
-} from "./WBQC3LL4.js";
+} from "./2WETNHXU.js";
 import {
   createDialogComponent
-} from "./U7WGY7YX.js";
+} from "./PFM7J2TR.js";
 import {
   HovercardScopedContextProvider,
   useHovercardProviderContext

package/esm/__chunks/{BI7ZXWGY.js → IIVLUKKG.js}

@@ -2,7 +2,7 @@
 import {
   useStore,
   useStoreProps
-} from "./XF5ITC6P.js";
+} from "./4OZYHFMH.js";
 import {
   useUpdateEffect
 } from "./6O5OEQGF.js";

package/esm/__chunks/{P2V6GHKM.js → IXZMWLUE.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useHovercardStoreProps
-} from "./HXL5CHAC.js";
+} from "./A3PM2ZVJ.js";
 import {
   useStore,
   useStoreProps
-} from "./XF5ITC6P.js";
+} from "./4OZYHFMH.js";
 
 // src/tooltip/tooltip-store.ts
 import * as Core from "@ariakit/core/tooltip/tooltip-store";

package/esm/__chunks/{AY3L6CB6.js → K5VQ2XTM.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./ELWRSPQ7.js";
+} from "./A6ER4BO6.js";
 import {
   useStore,
   useStoreProps
-} from "./XF5ITC6P.js";
+} from "./4OZYHFMH.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{A7CE3X6M.js → KOKHD3Z3.js}

@@ -12,7 +12,7 @@ import {
 } from "./3ORBWXWF.js";
 import {
   useStoreState
-} from "./XF5ITC6P.js";
+} from "./4OZYHFMH.js";
 import {
   useId,
   useMergeRefs,

package/esm/__chunks/{7HYEBVZE.js → NYD53BDE.js}

@@ -10,14 +10,14 @@ import {
 } from "./W76OTZCC.js";
 import {
   useCompositeStoreProps
-} from "./ELWRSPQ7.js";
+} from "./A6ER4BO6.js";
 import {
   useHovercardStoreProps
-} from "./HXL5CHAC.js";
+} from "./A3PM2ZVJ.js";
 import {
   useStore,
   useStoreProps
-} from "./XF5ITC6P.js";
+} from "./4OZYHFMH.js";
 import {
   useUpdateEffect
 } from "./6O5OEQGF.js";

package/esm/__chunks/{U7WGY7YX.js → PFM7J2TR.js}

@@ -1,14 +1,11 @@
 "use client";
 import {
   DialogBackdrop
-} from "./JSLLR7RC.js";
+} from "./57VLL43X.js";
 import {
   disableTree,
   disableTreeOutside
 } from "./CLF4PQ7T.js";
-import {
-  disableAccessibilityTreeOutside
-} from "./BULCTPRV.js";
 import {
   usePreventBodyScroll
 } from "./6BJGLK2C.js";
@@ -40,7 +37,7 @@ import {
 import {
   isHidden,
   useDisclosureContent
-} from "./A7CE3X6M.js";
+} from "./KOKHD3Z3.js";
 import {
   DialogDescriptionContext,
   DialogHeadingContext,
@@ -57,10 +54,10 @@ import {
 } from "./3ORBWXWF.js";
 import {
   useDialogStore
-} from "./2N7L2ZZE.js";
+} from "./6SB7F42L.js";
 import {
   useStoreState
-} from "./XF5ITC6P.js";
+} from "./4OZYHFMH.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -244,13 +241,9 @@ var useDialog = createHook(
         };
       }, [store, mounted]);
     }
-    const shouldDisableAccessibilityTree = modal || // Usually, we only want to disable the accessibility tree outside if the
-    // dialog is a modal. But the Portal component can't preserve the tab
-    // order on Safari/VoiceOver. By allowing only the dialog/portal to be
-    // accessible, we provide a similar tab order flow. We don't need to
-    // disable pointer events because it's just for screen readers.
-    portal && preserveTabOrder && isSafari();
     useEffect(() => {
+      if (!modal)
+        return;
       if (!mounted)
         return;
       if (!domReady)
@@ -258,13 +251,11 @@ var useDialog = createHook(
       const dialog = ref.current;
       if (!dialog)
         return;
-      if (!shouldDisableAccessibilityTree)
-        return;
       const existingDismiss = dialog.querySelector("[data-dialog-dismiss]");
       if (existingDismiss)
         return;
       return prependHiddenDismiss(dialog, store.hide);
-    }, [store, mounted, domReady, shouldDisableAccessibilityTree]);
+    }, [store, modal, mounted, domReady]);
     useSafeLayoutEffect(() => {
       if (open)
         return;
@@ -300,26 +291,19 @@ var useDialog = createHook(
         ...persistentElements,
         ...nestedDialogs.map((dialog2) => dialog2.getState().contentElement)
       ];
-      if (!shouldDisableAccessibilityTree) {
-        return markTreeOutside(id, [disclosureElement, ...allElements]);
-      }
       if (modal) {
         return chain(
           markTreeOutside(id, allElements),
           disableTreeOutside(id, allElements)
         );
       }
-      return chain(
-        markTreeOutside(id, [disclosureElement, ...allElements]),
-        disableAccessibilityTreeOutside(id, allElements)
-      );
+      return markTreeOutside(id, [disclosureElement, ...allElements]);
     }, [
       id,
       store,
       canTakeTreeSnapshot,
       getPersistentElementsProp,
       nestedDialogs,
-      shouldDisableAccessibilityTree,
       modal
     ]);
     const mayAutoFocusOnShow = !!autoFocusOnShow;

package/esm/__chunks/{2TCVF54Q.js → QCIQ4F64.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./ELWRSPQ7.js";
+} from "./A6ER4BO6.js";
 import {
   useStore,
   useStoreProps
-} from "./XF5ITC6P.js";
+} from "./4OZYHFMH.js";
 
 // src/radio/radio-store.ts
 import * as Core from "@ariakit/core/radio/radio-store";

package/esm/__chunks/{IVPCRN7Q.js → QUPVK46L.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./ELWRSPQ7.js";
+} from "./A6ER4BO6.js";
 import {
   useStore
-} from "./XF5ITC6P.js";
+} from "./4OZYHFMH.js";
 
 // src/toolbar/toolbar-store.ts
 import * as Core from "@ariakit/core/toolbar/toolbar-store";

package/esm/__chunks/{CVWFS4PP.js → SMM5JVLC.js}

@@ -2,7 +2,7 @@
 import {
   useStore,
   useStoreProps
-} from "./XF5ITC6P.js";
+} from "./4OZYHFMH.js";
 import {
   useUpdateEffect
 } from "./6O5OEQGF.js";

package/esm/__chunks/{BTTOLUHC.js → TZJDOU75.js}

@@ -5,7 +5,7 @@ import {
 } from "./KA4GX64Z.js";
 import {
   useMenubarStore
-} from "./LNLZDJD4.js";
+} from "./FWQLUQ4T.js";
 import {
   useComposite
 } from "./FHDXHZLB.js";

package/esm/__chunks/{T2EXCD3L.js → UV2O3GRQ.js}

@@ -11,7 +11,7 @@ import {
 } from "./FHDXHZLB.js";
 import {
   isHidden
-} from "./A7CE3X6M.js";
+} from "./KOKHD3Z3.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{2QSQGCHB.js → VZOR43YE.js}

@@ -12,7 +12,7 @@ import {
 } from "./3ORBWXWF.js";
 import {
   useStoreState
-} from "./XF5ITC6P.js";
+} from "./4OZYHFMH.js";
 import {
   useEvent,
   useMergeRefs

package/esm/__chunks/{VVBJIO3T.js → XCRWZKAW.js}

@@ -4,7 +4,7 @@ import {
 } from "./KA4GX64Z.js";
 import {
   useMenubarStore
-} from "./LNLZDJD4.js";
+} from "./FWQLUQ4T.js";
 
 // src/menubar/menubar-provider.tsx
 import { jsx } from "react/jsx-runtime";

package/esm/__chunks/{5PEPOQU7.js → YGCD7HIZ.js}

@@ -22,7 +22,7 @@ import {
 } from "./3ORBWXWF.js";
 import {
   useStoreState
-} from "./XF5ITC6P.js";
+} from "./4OZYHFMH.js";
 import {
   useBooleanEvent,
   useEvent,

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

@@ -12,8 +12,8 @@ import type { CheckboxStore } from "./checkbox-store.js";
  *   // Use the store...
  * }
  */
-export declare const useCheckboxContext: () => CheckboxStore<string | number | boolean | (string | number)[]> | undefined;
-export declare const useCheckboxScopedContext: (onlyScoped?: boolean) => CheckboxStore<string | number | boolean | (string | number)[]> | undefined;
-export declare const useCheckboxProviderContext: () => CheckboxStore<string | number | boolean | (string | number)[]> | undefined;
-export declare const CheckboxContextProvider: (props: import("react").ProviderProps<CheckboxStore<string | number | boolean | (string | number)[]> | undefined>) => import("react/jsx-runtime").JSX.Element;
-export declare const CheckboxScopedContextProvider: (props: import("react").ProviderProps<CheckboxStore<string | number | boolean | (string | number)[]> | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const useCheckboxContext: () => CheckboxStore<import("@ariakit/core/checkbox/checkbox-store").CheckboxStoreValue> | undefined;
+export declare const useCheckboxScopedContext: (onlyScoped?: boolean) => CheckboxStore<import("@ariakit/core/checkbox/checkbox-store").CheckboxStoreValue> | undefined;
+export declare const useCheckboxProviderContext: () => CheckboxStore<import("@ariakit/core/checkbox/checkbox-store").CheckboxStoreValue> | undefined;
+export declare const CheckboxContextProvider: (props: import("react").ProviderProps<CheckboxStore<import("@ariakit/core/checkbox/checkbox-store").CheckboxStoreValue> | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxScopedContextProvider: (props: import("react").ProviderProps<CheckboxStore<import("@ariakit/core/checkbox/checkbox-store").CheckboxStoreValue> | undefined>) => import("react/jsx-runtime").JSX.Element;

package/esm/checkbox/checkbox-provider.js

@@ -4,9 +4,9 @@ import {
 } from "../__chunks/VPR2WHQV.js";
 import {
   useCheckboxStore
-} from "../__chunks/BI7ZXWGY.js";
+} from "../__chunks/IIVLUKKG.js";
 import "../__chunks/3ORBWXWF.js";
-import "../__chunks/XF5ITC6P.js";
+import "../__chunks/4OZYHFMH.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

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

@@ -1,7 +1,6 @@
 import * as Core from "@ariakit/core/checkbox/checkbox-store";
 import type { PickRequired } from "@ariakit/core/utils/types";
 import type { Store } from "../utils/store.js";
-type Value = Core.CheckboxStoreValue;
 export declare function useCheckboxStoreProps<T extends Core.CheckboxStore>(store: T, update: () => void, props: CheckboxStoreProps): T;
 /**
  * Creates a checkbox store.
@@ -12,12 +11,12 @@ export declare function useCheckboxStoreProps<T extends Core.CheckboxStore>(stor
  * <Checkbox store={checkbox} />
  * ```
  */
-export declare function useCheckboxStore<T extends Value = Value>(props: PickRequired<CheckboxStoreProps<T>, "value" | "defaultValue">): CheckboxStore<T>;
+export declare function useCheckboxStore<T extends CheckboxStoreValue = CheckboxStoreValue>(props: PickRequired<CheckboxStoreProps<T>, "value" | "defaultValue">): CheckboxStore<T>;
 export declare function useCheckboxStore(props?: CheckboxStoreProps): CheckboxStore;
 export type CheckboxStoreValue = Core.CheckboxStoreValue;
-export type CheckboxStoreState<T extends Value = Value> = Core.CheckboxStoreState<T>;
-export type CheckboxStoreFunctions<T extends Value = Value> = Core.CheckboxStoreFunctions<T>;
-export interface CheckboxStoreOptions<T extends Value = Value> extends Core.CheckboxStoreOptions<T> {
+export type CheckboxStoreState<T extends CheckboxStoreValue = CheckboxStoreValue> = Core.CheckboxStoreState<T>;
+export type CheckboxStoreFunctions<T extends CheckboxStoreValue = CheckboxStoreValue> = Core.CheckboxStoreFunctions<T>;
+export interface CheckboxStoreOptions<T extends CheckboxStoreValue = CheckboxStoreValue> extends Core.CheckboxStoreOptions<T> {
     /**
      * A callback that gets called when the `value` state changes.
      * @param value The new value.
@@ -28,8 +27,7 @@ export interface CheckboxStoreOptions<T extends Value = Value> extends Core.Chec
      */
     setValue?: (value: CheckboxStoreState<T>["value"]) => void;
 }
-export interface CheckboxStoreProps<T extends Value = Value> extends CheckboxStoreOptions<T>, Core.CheckboxStoreProps<T> {
+export interface CheckboxStoreProps<T extends CheckboxStoreValue = CheckboxStoreValue> extends CheckboxStoreOptions<T>, Core.CheckboxStoreProps<T> {
 }
-export interface CheckboxStore<T extends Value = Value> extends CheckboxStoreFunctions<T>, Store<Core.CheckboxStore<T>> {
+export interface CheckboxStore<T extends CheckboxStoreValue = CheckboxStoreValue> extends CheckboxStoreFunctions<T>, Store<Core.CheckboxStore<T>> {
 }
-export {};

package/esm/checkbox/checkbox-store.js

@@ -2,8 +2,8 @@
 import {
   useCheckboxStore,
   useCheckboxStoreProps
-} from "../__chunks/BI7ZXWGY.js";
-import "../__chunks/XF5ITC6P.js";
+} from "../__chunks/IIVLUKKG.js";
+import "../__chunks/4OZYHFMH.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

package/esm/checkbox/checkbox.js

@@ -2,14 +2,14 @@
 import {
   Checkbox,
   useCheckbox
-} from "../__chunks/D42GAV4S.js";
+} from "../__chunks/6H3EJNCE.js";
 import "../__chunks/VPR2WHQV.js";
 import "../__chunks/6XBVQI3K.js";
 import "../__chunks/NWCBQ4CV.js";
 import "../__chunks/KK7H3W2B.js";
 import "../__chunks/SHA3WOPI.js";
 import "../__chunks/3ORBWXWF.js";
-import "../__chunks/XF5ITC6P.js";
+import "../__chunks/4OZYHFMH.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

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

@@ -0,0 +1,19 @@
+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<import("./collection-store.js").CollectionStoreItem> | undefined;
+export declare const useCollectionScopedContext: (onlyScoped?: boolean) => CollectionStore<import("./collection-store.js").CollectionStoreItem> | undefined;
+export declare const useCollectionProviderContext: () => CollectionStore<import("./collection-store.js").CollectionStoreItem> | undefined;
+export declare const CollectionContextProvider: (props: import("react").ProviderProps<CollectionStore<import("./collection-store.js").CollectionStoreItem> | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const CollectionScopedContextProvider: (props: import("react").ProviderProps<CollectionStore<import("./collection-store.js").CollectionStoreItem> | undefined>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,6 @@
 import type { ReactElement, ReactNode } from "react";
 import type { PickRequired } from "@ariakit/core/utils/types";
 import type { CollectionStoreItem, CollectionStoreProps } from "./collection-store.js";
-type Item = CollectionStoreItem;
 /**
  * Provides a collection store to CollectionItem components.
  * @see https://ariakit.org/components/collection
@@ -14,9 +13,8 @@ type Item = CollectionStoreItem;
  * </CollectionProvider>
  * ```
  */
-export declare function CollectionProvider<T extends Item = Item>(props: PickRequired<CollectionProviderProps<T>, "items" | "defaultItems">): ReactElement;
+export declare function CollectionProvider<T extends CollectionStoreItem = CollectionStoreItem>(props: PickRequired<CollectionProviderProps<T>, "items" | "defaultItems">): ReactElement;
 export declare function CollectionProvider(props?: CollectionProviderProps): ReactElement;
-export interface CollectionProviderProps<T extends Item = Item> extends CollectionStoreProps<T> {
+export interface CollectionProviderProps<T extends CollectionStoreItem = CollectionStoreItem> extends CollectionStoreProps<T> {
     children?: ReactNode;
 }
-export {};

package/esm/collection/collection-provider.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   useCollectionStore
-} from "../__chunks/5A2VZUUV.js";
+} from "../__chunks/HDMIVTNE.js";
 import {
   CollectionContextProvider
 } from "../__chunks/4UUKJZ4V.js";
 import "../__chunks/3ORBWXWF.js";
-import "../__chunks/XF5ITC6P.js";
+import "../__chunks/4OZYHFMH.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

package/esm/collection/collection-renderer.js

@@ -4,10 +4,10 @@ import {
   getCollectionRendererItem,
   getCollectionRendererItemId,
   useCollectionRenderer
-} from "../__chunks/CDFXNOHN.js";
+} from "../__chunks/GD2VG2KJ.js";
 import "../__chunks/4UUKJZ4V.js";
 import "../__chunks/3ORBWXWF.js";
-import "../__chunks/XF5ITC6P.js";
+import "../__chunks/4OZYHFMH.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

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

@@ -1,7 +1,6 @@
 import * as Core from "@ariakit/core/collection/collection-store";
 import type { BivariantCallback, PickRequired } from "@ariakit/core/utils/types";
 import type { Store } from "../utils/store.js";
-type Item = Core.CollectionStoreItem;
 export declare function useCollectionStoreProps<T extends Core.CollectionStore>(store: T, update: () => void, props: CollectionStoreProps): T;
 /**
  * Creates a collection store.
@@ -16,12 +15,15 @@ export declare function useCollectionStoreProps<T extends Core.CollectionStore>(
  * </Collection>
  * ```
  */
-export declare function useCollectionStore<T extends Item = Item>(props: PickRequired<CollectionStoreProps<T>, "items" | "defaultItems">): CollectionStore<T>;
+export declare function useCollectionStore<T extends CollectionStoreItem = CollectionStoreItem>(props: PickRequired<CollectionStoreProps<T>, "items" | "defaultItems">): CollectionStore<T>;
 export declare function useCollectionStore(props?: CollectionStoreProps): CollectionStore;
-export type CollectionStoreItem = Core.CollectionStoreItem;
-export type CollectionStoreState<T extends Item = Item> = Core.CollectionStoreState<T>;
-export type CollectionStoreFunctions<T extends Item = Item> = Core.CollectionStoreFunctions<T>;
-export interface CollectionStoreOptions<T extends Item = Item> extends Core.CollectionStoreOptions<T> {
+export interface CollectionStoreItem extends Core.CollectionStoreItem {
+}
+export interface CollectionStoreState<T extends CollectionStoreItem = CollectionStoreItem> extends Core.CollectionStoreState<T> {
+}
+export interface CollectionStoreFunctions<T extends CollectionStoreItem = CollectionStoreItem> extends Core.CollectionStoreFunctions<T> {
+}
+export interface CollectionStoreOptions<T extends CollectionStoreItem = CollectionStoreItem> extends Core.CollectionStoreOptions<T> {
     /**
      * A callback that gets called when the `items` state changes.
      * @param items The new items.
@@ -31,8 +33,7 @@ export interface CollectionStoreOptions<T extends Item = Item> extends Core.Coll
      */
     setItems?: BivariantCallback<(items: CollectionStoreState<T>["items"]) => void>;
 }
-export interface CollectionStoreProps<T extends Item = Item> extends CollectionStoreOptions<T>, Core.CollectionStoreProps<T> {
+export interface CollectionStoreProps<T extends CollectionStoreItem = CollectionStoreItem> extends CollectionStoreOptions<T>, Core.CollectionStoreProps<T> {
 }
-export interface CollectionStore<T extends Item = Item> extends CollectionStoreFunctions<T>, Store<Core.CollectionStore<T>> {
+export interface CollectionStore<T extends CollectionStoreItem = CollectionStoreItem> extends CollectionStoreFunctions<T>, Store<Core.CollectionStore<T>> {
 }
-export {};

package/esm/collection/collection-store.js

@@ -2,8 +2,8 @@
 import {
   useCollectionStore,
   useCollectionStoreProps
-} from "../__chunks/5A2VZUUV.js";
-import "../__chunks/XF5ITC6P.js";
+} from "../__chunks/HDMIVTNE.js";
+import "../__chunks/4OZYHFMH.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

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

@@ -12,10 +12,10 @@ import type { ComboboxStore } from "./combobox-store.js";
  *   // Use the store...
  * }
  */
-export declare const useComboboxContext: () => ComboboxStore<string | string[]> | undefined;
-export declare const useComboboxScopedContext: (onlyScoped?: boolean) => ComboboxStore<string | string[]> | undefined;
-export declare const useComboboxProviderContext: () => ComboboxStore<string | string[]> | undefined;
-export declare const ComboboxContextProvider: (props: import("react").ProviderProps<ComboboxStore<string | string[]> | undefined>) => import("react/jsx-runtime").JSX.Element;
-export declare const ComboboxScopedContextProvider: (props: import("react").ProviderProps<ComboboxStore<string | string[]> | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const useComboboxContext: () => ComboboxStore<import("@ariakit/core/combobox/combobox-store").ComboboxStoreSelectedValue> | undefined;
+export declare const useComboboxScopedContext: (onlyScoped?: boolean) => ComboboxStore<import("@ariakit/core/combobox/combobox-store").ComboboxStoreSelectedValue> | undefined;
+export declare const useComboboxProviderContext: () => ComboboxStore<import("@ariakit/core/combobox/combobox-store").ComboboxStoreSelectedValue> | undefined;
+export declare const ComboboxContextProvider: (props: import("react").ProviderProps<ComboboxStore<import("@ariakit/core/combobox/combobox-store").ComboboxStoreSelectedValue> | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboboxScopedContextProvider: (props: import("react").ProviderProps<ComboboxStore<import("@ariakit/core/combobox/combobox-store").ComboboxStoreSelectedValue> | undefined>) => import("react/jsx-runtime").JSX.Element;
 export declare const ComboboxItemValueContext: import("react").Context<string | undefined>;
 export declare const ComboboxItemCheckedContext: import("react").Context<boolean>;

package/esm/combobox/combobox-group.js

@@ -4,6 +4,14 @@ import {
 } from "../__chunks/636A7WVS.js";
 import "../__chunks/R2QZ3KXH.js";
 import "../__chunks/3X3MDQGM.js";
+import {
+  useComboboxScopedContext
+} from "../__chunks/W76OTZCC.js";
+import "../__chunks/IB7YUKH5.js";
+import "../__chunks/4UUKJZ4V.js";
+import "../__chunks/7H5KSHHF.js";
+import "../__chunks/G6BJYYBK.js";
+import "../__chunks/OAYFXAQ2.js";
 import {
   createComponent,
   createElement,
@@ -11,13 +19,32 @@ import {
 } from "../__chunks/3ORBWXWF.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
-import "../__chunks/4R3V3JGP.js";
+import {
+  __objRest,
+  __spreadValues
+} from "../__chunks/4R3V3JGP.js";
 
 // src/combobox/combobox-group.ts
-var useComboboxGroup = createHook((props) => {
-  props = useCompositeGroup(props);
-  return props;
-});
+import { getPopupRole } from "@ariakit/core/utils/dom";
+import { invariant } from "@ariakit/core/utils/misc";
+var useComboboxGroup = createHook(
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    const context = useComboboxScopedContext();
+    store = store || context;
+    invariant(
+      store,
+      process.env.NODE_ENV !== "production" && "ComboboxRow must be wrapped in a ComboboxList or ComboboxPopover component"
+    );
+    const contentElement = store.useState("contentElement");
+    const popupRole = getPopupRole(contentElement);
+    if (popupRole === "grid") {
+      props = __spreadValues({ role: "rowgroup" }, props);
+    }
+    props = useCompositeGroup(__spreadValues({ store }, props));
+    return props;
+  }
+);
 var ComboboxGroup = createComponent((props) => {
   const htmlProps = useComboboxGroup(props);
   return createElement("div", htmlProps);

package/esm/combobox/combobox-item.js

@@ -9,7 +9,7 @@ import {
 } from "../__chunks/W76OTZCC.js";
 import {
   useCompositeItem
-} from "../__chunks/5PEPOQU7.js";
+} from "../__chunks/YGCD7HIZ.js";
 import "../__chunks/NWCBQ4CV.js";
 import "../__chunks/UH3I23HL.js";
 import "../__chunks/6QXBPV75.js";
@@ -25,7 +25,7 @@ import {
   createHook,
   createMemoComponent
 } from "../__chunks/3ORBWXWF.js";
-import "../__chunks/XF5ITC6P.js";
+import "../__chunks/4OZYHFMH.js";
 import {
   useBooleanEvent,
   useEvent,

package/esm/combobox/combobox-list.js

@@ -2,18 +2,18 @@
 import {
   ComboboxList,
   useComboboxList
-} from "../__chunks/4AMOOZBQ.js";
+} from "../__chunks/DKALGMO6.js";
 import "../__chunks/W76OTZCC.js";
 import "../__chunks/IB7YUKH5.js";
 import "../__chunks/4UUKJZ4V.js";
-import "../__chunks/A7CE3X6M.js";
+import "../__chunks/KOKHD3Z3.js";
 import "../__chunks/7H5KSHHF.js";
 import "../__chunks/G6BJYYBK.js";
 import "../__chunks/OAYFXAQ2.js";
 import "../__chunks/KK7H3W2B.js";
 import "../__chunks/SHA3WOPI.js";
 import "../__chunks/3ORBWXWF.js";
-import "../__chunks/XF5ITC6P.js";
+import "../__chunks/4OZYHFMH.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";