@ariakit/react-core 0.2.17 → 0.3.0

package/esm/select/select-popover.js

@@ -1,49 +1,53 @@
 import {
   useSelectList
-} from "../__chunks/X3U3KZAU.js";
-import "../__chunks/F4XABKPL.js";
-import "../__chunks/EEVSGAZW.js";
-import "../__chunks/AAVDGJD5.js";
+} from "../__chunks/QJMIKN5O.js";
+import "../__chunks/YVYWIVKG.js";
+import {
+  useSelectProviderContext
+} from "../__chunks/US4OMDIO.js";
+import "../__chunks/HYNMOU7J.js";
 import "../__chunks/OXPV2NBK.js";
-import "../__chunks/WJ37OVG2.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
 import {
   usePopover
-} from "../__chunks/K5MSER23.js";
-import "../__chunks/SZIMOWLA.js";
-import "../__chunks/5IZLNERH.js";
-import "../__chunks/NHPU54IO.js";
-import "../__chunks/GDORSOK6.js";
-import "../__chunks/3LAWLNOX.js";
-import "../__chunks/CJI67A3R.js";
+} from "../__chunks/XWFU333Y.js";
+import "../__chunks/D4PXCBCI.js";
+import "../__chunks/HJPDTCDL.js";
 import "../__chunks/PLOINBVB.js";
-import "../__chunks/E5XSMSHD.js";
-import "../__chunks/LEBYH5FW.js";
+import "../__chunks/HAVCR65N.js";
+import "../__chunks/62DFK33R.js";
+import "../__chunks/KGDYSCOM.js";
+import "../__chunks/XASENZA4.js";
+import "../__chunks/X5VV5CBA.js";
+import "../__chunks/KOVUJERF.js";
 import "../__chunks/IXXFVVA2.js";
+import "../__chunks/5M4ITSXL.js";
 import "../__chunks/7JNF6I52.js";
-import "../__chunks/KOVUJERF.js";
-import "../__chunks/62DFK33R.js";
+import "../__chunks/3LGVTTHD.js";
 import "../__chunks/FW6QFGFT.js";
-import "../__chunks/IYNN2ZO5.js";
-import "../__chunks/5M4ITSXL.js";
+import "../__chunks/CJI67A3R.js";
+import "../__chunks/REKKG4AV.js";
 import "../__chunks/6OMX4H3W.js";
-import "../__chunks/LL3AE4N4.js";
-import "../__chunks/EJ3GIT5B.js";
+import "../__chunks/IDYHJHXJ.js";
+import "../__chunks/QW4PFVNF.js";
 import "../__chunks/LDDPB3PY.js";
 import "../__chunks/COQHFAEN.js";
-import "../__chunks/LNHZLQEK.js";
-import "../__chunks/M5I7AM4N.js";
-import "../__chunks/WHEEIXMF.js";
-import "../__chunks/6GS36SYX.js";
-import "../__chunks/MYID4V27.js";
+import "../__chunks/PGK6S5NC.js";
+import "../__chunks/3D7ZB3CS.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/M4OAD5XF.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/FL2AU7YJ.js";
+import "../__chunks/6XXSNRNX.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/NQJBHION.js";
-import "../__chunks/SWJ5EOOS.js";
-import "../__chunks/P63NRZ4A.js";
+} from "../__chunks/CFEUKV6C.js";
+import "../__chunks/UHPQRTV4.js";
+import "../__chunks/L3AX6U5E.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {
@@ -55,6 +59,8 @@ import {
 var useSelectPopover = createHook(
   (_a) => {
     var _b = _a, { store, alwaysVisible } = _b, props = __objRest(_b, ["store", "alwaysVisible"]);
+    const context = useSelectProviderContext();
+    store = store || context;
     props = useSelectList(__spreadValues({ store, alwaysVisible }, props));
     props = usePopover(__spreadValues({ store, alwaysVisible }, props));
     return props;

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

@@ -0,0 +1,25 @@
+import type { ReactElement, ReactNode } from "react";
+import type { PickRequired } from "@ariakit/core/utils/types";
+import type { SelectStoreProps, SelectStoreValue } from "./select-store.js";
+type Value = SelectStoreValue;
+/**
+ * Provides a select store to Select components.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * <SelectProvider defaultValue="Apple">
+ *   <Select />
+ *   <SelectPopover>
+ *     <SelectItem value="Apple" />
+ *     <SelectItem value="Banana" />
+ *     <SelectItem value="Orange" />
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ */
+export declare function SelectProvider<T extends Value = Value>(props: PickRequired<SelectProviderProps<T>, "value" | "defaultValue">): ReactElement;
+export declare function SelectProvider(props?: SelectProviderProps): ReactElement;
+export interface SelectProviderProps<T extends Value = Value> extends SelectStoreProps<T> {
+    children?: ReactNode;
+}
+export {};

package/esm/select/select-provider.js

@@ -0,0 +1,32 @@
+import {
+  useSelectStore
+} from "../__chunks/42I26D5Z.js";
+import "../__chunks/QP4RN5UY.js";
+import {
+  SelectContextProvider
+} from "../__chunks/US4OMDIO.js";
+import "../__chunks/FGP6QO3O.js";
+import "../__chunks/JEQRR7AL.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/CFEUKV6C.js";
+import "../__chunks/DORFNB2S.js";
+import "../__chunks/6X2TPJLY.js";
+import "../__chunks/UHPQRTV4.js";
+import "../__chunks/L3AX6U5E.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
+import "../__chunks/PNRLI7OV.js";
+
+// src/select/select-provider.tsx
+import { jsx } from "react/jsx-runtime";
+function SelectProvider(props = {}) {
+  const store = useSelectStore(props);
+  return /* @__PURE__ */ jsx(SelectContextProvider, { value: store, children: props.children });
+}
+export {
+  SelectProvider
+};

package/esm/select/select-renderer.js

@@ -1,22 +1,25 @@
 import {
   useCompositeRenderer
-} from "../__chunks/DITMA5PJ.js";
+} from "../__chunks/43SODXOT.js";
 import {
   getCollectionRendererItem,
   getCollectionRendererItemId
-} from "../__chunks/ONFAHVST.js";
+} from "../__chunks/XIRNSMZD.js";
 import {
-  SelectContext
-} from "../__chunks/EEVSGAZW.js";
-import "../__chunks/T3DJZG63.js";
-import "../__chunks/WJ37OVG2.js";
+  useSelectContext
+} from "../__chunks/US4OMDIO.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
 import {
   createElement,
   forwardRef
-} from "../__chunks/NQJBHION.js";
+} from "../__chunks/CFEUKV6C.js";
 import {
   useStoreState
-} from "../__chunks/P63NRZ4A.js";
+} from "../__chunks/L3AX6U5E.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {
@@ -25,7 +28,7 @@ import {
 } from "../__chunks/PNRLI7OV.js";
 
 // src/select/select-renderer.tsx
-import { useContext, useMemo } from "react";
+import { useMemo } from "react";
 import { toArray } from "@ariakit/core/utils/array";
 function getItemObject(item) {
   if (!item || typeof item !== "object") {
@@ -66,14 +69,16 @@ function useSelectRenderer(_a) {
     "items",
     "value"
   ]);
-  var _a2, _b2;
-  const context = useContext(SelectContext);
+  const context = useSelectContext();
   store = store || context;
-  const items = (_a2 = useStoreState(
-    store,
-    (state) => state.mounted ? itemsProp != null ? itemsProp : state.items : 0
-  )) != null ? _a2 : itemsProp;
-  const value = (_b2 = useStoreState(store, (state) => valueProp != null ? valueProp : state.value)) != null ? _b2 : valueProp;
+  const items = useStoreState(store, (state) => {
+    if (!state)
+      return itemsProp;
+    if (!state.mounted)
+      return 0;
+    return itemsProp != null ? itemsProp : state.items;
+  });
+  const value = useStoreState(store, (state) => valueProp != null ? valueProp : state == null ? void 0 : state.value);
   const valueIndices = useMemo(() => {
     if (!items)
       return [];

package/esm/select/select-row.js

@@ -1,15 +1,19 @@
 import {
   useCompositeRow
-} from "../__chunks/HIJMOAZK.js";
+} from "../__chunks/FV4UX26M.js";
 import {
-  SelectContext
-} from "../__chunks/EEVSGAZW.js";
-import "../__chunks/WJ37OVG2.js";
+  useSelectContext
+} from "../__chunks/US4OMDIO.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/NQJBHION.js";
+} from "../__chunks/CFEUKV6C.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {
@@ -18,13 +22,12 @@ import {
 } from "../__chunks/PNRLI7OV.js";
 
 // src/select/select-row.ts
-import { useContext } from "react";
 import { getPopupRole } from "@ariakit/core/utils/dom";
 import { invariant } from "@ariakit/core/utils/misc";
 var useSelectRow = createHook(
   (_a) => {
     var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
-    const context = useContext(SelectContext);
+    const context = useSelectContext();
     store = store || context;
     invariant(
       store,

package/esm/select/select-separator.js

@@ -1,21 +1,34 @@
+import {
+  useSelectContext
+} from "../__chunks/US4OMDIO.js";
 import {
   useCompositeSeparator
-} from "../__chunks/RY6ZOIHR.js";
-import "../__chunks/D3IXN5NP.js";
-import "../__chunks/WJ37OVG2.js";
+} from "../__chunks/JM3KBRED.js";
+import "../__chunks/J5LOLGUC.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/NQJBHION.js";
+} from "../__chunks/CFEUKV6C.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
-import "../__chunks/PNRLI7OV.js";
+import {
+  __objRest,
+  __spreadValues
+} from "../__chunks/PNRLI7OV.js";
 
 // src/select/select-separator.ts
 var useSelectSeparator = createHook(
-  (props) => {
-    props = useCompositeSeparator(props);
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    const context = useSelectContext();
+    store = store || context;
+    props = useCompositeSeparator(__spreadValues({ store }, props));
     return props;
   }
 );

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

@@ -1,56 +1,28 @@
 import * as Core from "@ariakit/core/select/select-store";
 import type { BivariantCallback, PickRequired } from "@ariakit/core/utils/types";
+import type { ComboboxStore } from "../combobox/combobox-store.js";
 import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
 import type { Store } from "../utils/store.js";
 type Item = Core.SelectStoreItem;
 type Value = Core.SelectStoreValue;
-export declare function useSelectStoreOptions<T extends Value = Value>(props: SelectStoreProps<T>): {
-    setOpen?: ((open: boolean) => void) | undefined;
-    defaultOpen?: boolean | undefined;
-    disclosure?: import("@ariakit/core/disclosure/disclosure-store").DisclosureStore | undefined;
-    open?: boolean | undefined;
-    animated?: number | boolean | undefined;
-    setItems?: BivariantCallback<(items: ({
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        rowId?: string | undefined;
-        disabled?: boolean | undefined;
-        children?: string | undefined;
-    } & {
-        value?: string | undefined;
-    })[]) => void> | undefined;
-    defaultItems?: ({
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        rowId?: string | undefined;
-        disabled?: boolean | undefined;
-        children?: string | undefined;
-    } & {
-        value?: string | undefined;
-    })[] | undefined;
-    items?: ({
-        id: string;
-        element?: HTMLElement | null | undefined;
-    } & {
-        rowId?: string | undefined;
-        disabled?: boolean | undefined;
-        children?: string | undefined;
-    } & {
-        value?: string | undefined;
-    })[] | undefined;
+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;
+        };
+    }) | undefined;
 };
-export declare function useSelectStoreProps<T extends SelectStore>(store: T, props: SelectStoreProps): T;
 /**
  * Creates a select store.
  * @see https://ariakit.org/components/select
  * @example
  * ```jsx
- * const select = useSelectState({ defaultValue: "Apple" });
- * <Select state={select} />
- * <SelectPopover state={select}>
+ * const select = useSelectStore({ defaultValue: "Apple" });
+ * <Select store={select} />
+ * <SelectPopover store={select}>
  *   <SelectItem value="Apple" />
  *   <SelectItem value="Orange" />
  * </SelectPopover>
@@ -62,7 +34,7 @@ export type SelectStoreItem = Item;
 export type SelectStoreValue = Value;
 export interface SelectStoreState<T extends Value = Value> extends Core.SelectStoreState<T>, CompositeStoreState<Item>, PopoverStoreState {
 }
-export interface SelectStoreFunctions<T extends Value = Value> extends Core.SelectStoreFunctions<T>, CompositeStoreFunctions<Item>, PopoverStoreFunctions {
+export interface SelectStoreFunctions<T extends Value = Value> extends Pick<SelectStoreOptions<T>, "combobox">, Omit<Core.SelectStoreFunctions<T>, "combobox">, CompositeStoreFunctions<Item>, PopoverStoreFunctions {
 }
 export interface SelectStoreOptions<T extends Value = Value> extends Core.SelectStoreOptions<T>, CompositeStoreOptions<Item>, PopoverStoreOptions {
     /**
@@ -74,6 +46,16 @@ export interface SelectStoreOptions<T extends Value = Value> extends Core.Select
      * }
      */
     setValue?: BivariantCallback<(value: SelectStoreState<T>["value"]) => void>;
+    /**
+     * A reference to a combobox store. This is used when combining the combobox
+     * with a select (e.g., select with a search input). The stores will share the
+     * same state.
+     *
+     * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     */
+    combobox?: ComboboxStore;
 }
 export type SelectStoreProps<T extends Value = Value> = SelectStoreOptions<T> & Core.SelectStoreProps<T>;
 export type SelectStore<T extends Value = Value> = SelectStoreFunctions<T> & Store<Core.SelectStore<T>>;

package/esm/select/select-store.js

@@ -1,44 +1,24 @@
 import {
-  useCompositeStoreOptions,
-  useCompositeStoreProps
-} from "../__chunks/7KULBIZY.js";
-import "../__chunks/RS7KBRGA.js";
-import {
-  usePopoverStoreOptions,
-  usePopoverStoreProps
-} from "../__chunks/3PKTK2K7.js";
-import "../__chunks/WC3GK4CL.js";
-import "../__chunks/SWJ5EOOS.js";
-import {
-  useStore,
-  useStoreProps
-} from "../__chunks/P63NRZ4A.js";
+  useSelectStore,
+  useSelectStoreProps
+} from "../__chunks/42I26D5Z.js";
+import "../__chunks/QP4RN5UY.js";
+import "../__chunks/FGP6QO3O.js";
+import "../__chunks/JEQRR7AL.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/CFEUKV6C.js";
+import "../__chunks/DORFNB2S.js";
+import "../__chunks/6X2TPJLY.js";
+import "../__chunks/UHPQRTV4.js";
+import "../__chunks/L3AX6U5E.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
-import {
-  __spreadValues
-} from "../__chunks/PNRLI7OV.js";
-
-// src/select/select-store.ts
-import * as Core from "@ariakit/core/select/select-store";
-function useSelectStoreOptions(props) {
-  return __spreadValues(__spreadValues({}, useCompositeStoreOptions(props)), usePopoverStoreOptions(props));
-}
-function useSelectStoreProps(store, props) {
-  store = useCompositeStoreProps(store, props);
-  store = usePopoverStoreProps(store, props);
-  useStoreProps(store, props, "value", "setValue");
-  return store;
-}
-function useSelectStore(props = {}) {
-  const options = useSelectStoreOptions(props);
-  const store = useStore(
-    () => Core.createSelectStore(__spreadValues(__spreadValues({}, props), options))
-  );
-  return useSelectStoreProps(store, props);
-}
+import "../__chunks/PNRLI7OV.js";
 export {
   useSelectStore,
-  useSelectStoreOptions,
   useSelectStoreProps
 };

package/esm/select/select.d.ts

@@ -33,7 +33,7 @@ export interface SelectOptions<T extends As = "button"> extends PopoverDisclosur
     /**
      * Object returned by the `useSelectStore` hook.
      */
-    store: SelectStore;
+    store?: SelectStore;
     /**
      * Determines whether the select list will be shown when the user presses
      * arrow keys while the select element is focused.

package/esm/select/select.js

@@ -1,31 +1,35 @@
 import {
   usePopoverDisclosure
-} from "../__chunks/BO7WPTZZ.js";
-import "../__chunks/5I6BQS7D.js";
-import "../__chunks/LDJKN2ZV.js";
-import "../__chunks/O6CV6VRM.js";
-import "../__chunks/7PHM3O7I.js";
+} from "../__chunks/MXSIXS3C.js";
+import "../__chunks/TQ2YQL6O.js";
+import "../__chunks/7AFOF5E7.js";
+import "../__chunks/4FNI7F6H.js";
+import "../__chunks/QPWEKAWF.js";
 import {
   SelectArrow
-} from "../__chunks/AUUE7U2H.js";
-import "../__chunks/LVMO37QD.js";
+} from "../__chunks/WJZPOH5E.js";
+import "../__chunks/5HSRXC5S.js";
 import {
   useCompositeTypeahead
-} from "../__chunks/F4XABKPL.js";
+} from "../__chunks/YVYWIVKG.js";
 import {
-  SelectContext
-} from "../__chunks/EEVSGAZW.js";
-import "../__chunks/P4RGQGTG.js";
+  SelectScopedContextProvider,
+  useSelectProviderContext
+} from "../__chunks/US4OMDIO.js";
+import "../__chunks/LND6SMHN.js";
 import "../__chunks/OXPV2NBK.js";
-import "../__chunks/WJ37OVG2.js";
-import "../__chunks/6GS36SYX.js";
-import "../__chunks/MYID4V27.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/547DFODS.js";
+import "../__chunks/5YYGDU4E.js";
+import "../__chunks/56KWVYDN.js";
+import "../__chunks/M4OAD5XF.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/NQJBHION.js";
+} from "../__chunks/CFEUKV6C.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -43,6 +47,7 @@ import {
 import { useEffect, useMemo, useRef, useState } from "react";
 import { getPopupRole } from "@ariakit/core/utils/dom";
 import { queueBeforeEvent } from "@ariakit/core/utils/events";
+import { invariant } from "@ariakit/core/utils/misc";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function getSelectedValues(select) {
   return Array.from(select.selectedOptions).map((option) => option.value);
@@ -87,6 +92,12 @@ var useSelect = createHook(
       "toggleOnClick",
       "toggleOnPress"
     ]);
+    const context = useSelectProviderContext();
+    store = store || context;
+    invariant(
+      store,
+      process.env.NODE_ENV !== "production" && "Select must receive a `store` prop or be wrapped in a SelectProvider component."
+    );
     toggleOnPress = toggleOnClick ? false : toggleOnPress;
     const onKeyDownProp = props.onKeyDown;
     const showOnKeyDownProp = useBooleanEvent(showOnKeyDown);
@@ -101,6 +112,8 @@ var useSelect = createHook(
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
+      if (!store)
+        return;
       const { orientation, items: items2, activeId } = store.getState();
       if (event.key === " " || event.key === "Enter") {
         if (toggleOnPressProp(event)) {
@@ -153,13 +166,13 @@ var useSelect = createHook(
         return;
       const element = event.currentTarget;
       queueBeforeEvent(element, "focusin", () => {
-        store.setDisclosureElement(element);
-        store.toggle();
+        store == null ? void 0 : store.setDisclosureElement(element);
+        store == null ? void 0 : store.toggle();
       });
     });
     props = useWrapElement(
       props,
-      (element) => /* @__PURE__ */ jsx(SelectContext.Provider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ jsx(SelectScopedContextProvider, { value: store, children: element }),
       [store]
     );
     const [autofill, setAutofill] = useState(false);
@@ -214,12 +227,12 @@ var useSelect = createHook(
               multiple: multiSelectable,
               onFocus: () => {
                 var _a2;
-                return (_a2 = store.getState().selectElement) == null ? void 0 : _a2.focus();
+                return (_a2 = store == null ? void 0 : store.getState().selectElement) == null ? void 0 : _a2.focus();
               },
               onChange: (event) => {
                 nativeSelectChangedRef.current = true;
                 setAutofill(true);
-                store.setValue(
+                store == null ? void 0 : store.setValue(
                   multiSelectable ? getSelectedValues(event.target) : event.target.value
                 );
               },

package/esm/separator/separator.js

@@ -1,8 +1,8 @@
 import {
   Separator,
   useSeparator
-} from "../__chunks/D3IXN5NP.js";
-import "../__chunks/NQJBHION.js";
+} from "../__chunks/J5LOLGUC.js";
+import "../__chunks/CFEUKV6C.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

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

@@ -1,2 +1,19 @@
 import type { TabStore } from "./tab-store.js";
-export declare const TabContext: import("react").Context<TabStore | undefined>;
+/**
+ * Returns the tab store from the nearest tab container.
+ * @example
+ * function Tab() {
+ *   const store = useTabContext();
+ *
+ *   if (!store) {
+ *     throw new Error("Tab must be wrapped in TabProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useTabContext: () => TabStore | undefined;
+export declare const useTabScopedContext: (onlyScoped?: boolean) => TabStore | undefined;
+export declare const useTabProviderContext: () => TabStore | undefined;
+export declare const TabContextProvider: (props: import("react").ProviderProps<TabStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const TabScopedContextProvider: (props: import("react").ProviderProps<TabStore | undefined>) => import("react/jsx-runtime").JSX.Element;

package/esm/tab/tab-context.js

@@ -1,7 +1,20 @@
 import {
-  TabContext
-} from "../__chunks/UZKBEGMB.js";
+  TabContextProvider,
+  TabScopedContextProvider,
+  useTabContext,
+  useTabProviderContext,
+  useTabScopedContext
+} from "../__chunks/DL4RBG46.js";
+import "../__chunks/5C7J4IAS.js";
+import "../__chunks/74KKBFVP.js";
+import "../__chunks/CFEUKV6C.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";
 export {
-  TabContext
+  TabContextProvider,
+  TabScopedContextProvider,
+  useTabContext,
+  useTabProviderContext,
+  useTabScopedContext
 };

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

@@ -36,6 +36,6 @@ export interface TabListOptions<T extends As = "div"> extends CompositeOptions<T
     /**
      * Object returned by the `useTabStore` hook.
      */
-    store: TabStore;
+    store?: TabStore;
 }
 export type TabListProps<T extends As = "div"> = Props<TabListOptions<T>>;