@ariakit/react-core 0.4.2 → 0.4.3

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

@@ -1,4 +1,5 @@
 import * as Core from "@ariakit/core/tab/tab-store";
+import type { ComboboxStore } from "../combobox/combobox-store.js";
 import type { CompositeStore, CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { Store } from "../utils/store.js";
 export declare function useTabStoreProps<T extends Core.TabStore>(store: T, update: () => void, props: TabStoreProps): T & {
@@ -11,6 +12,7 @@ export declare function useTabStoreProps<T extends Core.TabStore>(store: T, upda
     };
 } & {
     composite: CompositeStore<import("../composite/composite-store.js").CompositeStoreItem> | null | undefined;
+    combobox: ComboboxStore<import("@ariakit/core/combobox/combobox-store").ComboboxStoreSelectedValue> | null | undefined;
 };
 /**
  * Creates a tab store to control the state of
@@ -33,10 +35,10 @@ export interface TabStoreItem extends Core.TabStoreItem {
 }
 export interface TabStoreState extends Core.TabStoreState, CompositeStoreState<TabStoreItem> {
 }
-export interface TabStoreFunctions extends Pick<TabStoreOptions, "composite">, Omit<Core.TabStoreFunctions, "panels" | "composite">, CompositeStoreFunctions<TabStoreItem> {
+export interface TabStoreFunctions extends Pick<TabStoreOptions, "composite" | "combobox">, Omit<Core.TabStoreFunctions, "panels" | "composite" | "combobox">, CompositeStoreFunctions<TabStoreItem> {
     panels: Store<Core.TabStoreFunctions["panels"]>;
 }
-export interface TabStoreOptions extends Omit<Core.TabStoreOptions, "composite">, CompositeStoreOptions<TabStoreItem> {
+export interface TabStoreOptions extends Omit<Core.TabStoreOptions, "composite" | "combobox">, CompositeStoreOptions<TabStoreItem> {
     /**
      * Function that will be called when the
      * [`selectedId`](https://ariakit.org/reference/tab-provider#selectedid) state
@@ -48,14 +50,27 @@ export interface TabStoreOptions extends Omit<Core.TabStoreOptions, "composite">
     setSelectedId?: (selectedId: TabStoreState["selectedId"]) => void;
     /**
      * A reference to another [composite
-     * store](https://ariakit.org/reference/use-composite-store). It's
-     * automatically set when rendering tabs within another composite widget like
-     * [Combobox](https://ariakit.org/components/combobox) or
+     * store](https://ariakit.org/reference/use-composite-store). This is
+     * automatically set when rendering tabs as part of another composite widget,
+     * such as [Combobox](https://ariakit.org/components/combobox) or
      * [Select](https://ariakit.org/components/select).
+     *
+     * Live examples:
+     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
      */
     composite?: CompositeStore | null;
+    /**
+     * A reference to a [combobox
+     * store](https://ariakit.org/reference/use-combobox-store). This is
+     * automatically set when rendering tabs inside a
+     * [Combobox](https://ariakit.org/components/combobox).
+     *
+     * Live examples:
+     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     */
+    combobox?: ComboboxStore | null;
 }
-export interface TabStoreProps extends TabStoreOptions, Omit<Core.TabStoreProps, "composite"> {
+export interface TabStoreProps extends TabStoreOptions, Omit<Core.TabStoreProps, "composite" | "combobox"> {
 }
-export interface TabStore extends TabStoreFunctions, Omit<Store<Core.TabStore>, "panels" | "composite"> {
+export interface TabStore extends TabStoreFunctions, Omit<Store<Core.TabStore>, "panels" | "composite" | "combobox"> {
 }

package/esm/tab/tab-store.js

@@ -2,11 +2,16 @@
 import {
   useTabStore,
   useTabStoreProps
-} from "../__chunks/DGR3GYOB.js";
+} from "../__chunks/APFOINTZ.js";
+import "../__chunks/N4X7J4OQ.js";
+import "../__chunks/SYZHUNAU.js";
 import "../__chunks/ZR5N62ZV.js";
 import "../__chunks/LGWSZOP2.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";
+import "../__chunks/5B3U64HV.js";
+import "../__chunks/IWHI6Y45.js";
+import "../__chunks/RG6J4TID.js";
 import "../__chunks/GUCZNEAD.js";
 import "../__chunks/PWUXK5IM.js";
 import "../__chunks/WOWUAP42.js";

package/esm/tab/tab.js

@@ -2,7 +2,7 @@
 import {
   CompositeItem,
   useCompositeItem
-} from "../__chunks/VGL3CETR.js";
+} from "../__chunks/ONUY4D7O.js";
 import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/IFMAUEA7.js";
 import {
@@ -86,14 +86,17 @@ var useTab = createHook(function useTab2(_a) {
     (element) => {
       if (!(store == null ? void 0 : store.composite))
         return element;
+      const defaultProps = {
+        id,
+        store: store.composite,
+        shouldRegisterItem: selected && shouldRegisterItem,
+        render: element
+      };
       return /* @__PURE__ */ jsx(
         CompositeItem,
-        {
-          id,
-          render: element,
-          store: store.composite,
-          shouldRegisterItem: selected && shouldRegisterItem
-        }
+        __spreadProps(__spreadValues({}, defaultProps), {
+          render: store.combobox && store.composite !== store.combobox ? /* @__PURE__ */ jsx(CompositeItem, __spreadProps(__spreadValues({}, defaultProps), { store: store.combobox })) : element
+        })
       );
     },
     [store, id, selected, shouldRegisterItem]

package/esm/toolbar/toolbar-container.js

@@ -4,8 +4,8 @@ import {
 } from "../__chunks/LQCUPYIB.js";
 import {
   useToolbarItem
-} from "../__chunks/DCFMDHRW.js";
-import "../__chunks/VGL3CETR.js";
+} from "../__chunks/XK6CE2M5.js";
+import "../__chunks/ONUY4D7O.js";
 import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/IFMAUEA7.js";
 import "../__chunks/3IEDWLST.js";

package/esm/toolbar/toolbar-input.js

@@ -4,8 +4,8 @@ import {
 } from "../__chunks/RPGNBKKU.js";
 import {
   useToolbarItem
-} from "../__chunks/DCFMDHRW.js";
-import "../__chunks/VGL3CETR.js";
+} from "../__chunks/XK6CE2M5.js";
+import "../__chunks/ONUY4D7O.js";
 import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/IFMAUEA7.js";
 import "../__chunks/3IEDWLST.js";

package/esm/toolbar/toolbar-item.js

@@ -2,8 +2,8 @@
 import {
   ToolbarItem,
   useToolbarItem
-} from "../__chunks/DCFMDHRW.js";
-import "../__chunks/VGL3CETR.js";
+} from "../__chunks/XK6CE2M5.js";
+import "../__chunks/ONUY4D7O.js";
 import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/IFMAUEA7.js";
 import "../__chunks/3IEDWLST.js";

package/esm/utils/misc.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, MutableRefObject, ReactElement, RefAttributes, RefCallback } from "react";
+import type { HTMLAttributes, MutableRefObject, ReactElement, Ref, RefCallback } from "react";
 /**
  * Sets both a function and object React ref.
  */
@@ -6,11 +6,13 @@ export declare function setRef<T>(ref: RefCallback<T> | MutableRefObject<T> | nu
 /**
  * Checks if an element is a valid React element with a ref.
  */
-export declare function isValidElementWithRef<P>(element: unknown): element is ReactElement<P> & RefAttributes<any>;
+export declare function isValidElementWithRef<P>(element: unknown): element is ReactElement<P> & {
+    ref?: Ref<any>;
+};
 /**
  * Gets the ref property from a React element.
  */
-export declare function getRefProperty(element: unknown): import("react").Ref<any> | undefined;
+export declare function getRefProperty(element: unknown): Ref<any> | undefined;
 /**
  * Merges two sets of props.
  */

package/esm/utils/types.d.ts

@@ -6,7 +6,9 @@ import type { AnyObject, EmptyObject } from "@ariakit/core/utils/types";
  * @example
  * const children: RenderProp = (props) => <div {...props} />;
  */
-export type RenderProp<P = React.HTMLAttributes<any> & React.RefAttributes<any>> = (props: P) => React.ReactNode;
+export type RenderProp<P = React.HTMLAttributes<any> & {
+    ref?: React.Ref<any>;
+}> = (props: P) => React.ReactNode;
 /**
  * The `wrapElement` prop.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ariakit/react-core",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "Ariakit React core",
   "sideEffects": false,
   "license": "MIT",
@@ -30,7 +30,7 @@
     "core"
   ],
   "dependencies": {
-    "@ariakit/core": "0.4.2",
+    "@ariakit/core": "0.4.3",
     "@floating-ui/dom": "^1.0.0",
     "use-sync-external-store": "^1.2.0"
   },