@ariakit/react-core 0.4.2 → 0.4.3

package/cjs/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/cjs/tab/tab.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _LEU3BIGCcjs = require('../__chunks/LEU3BIGC.cjs');
+var _7DQ2LBH2cjs = require('../__chunks/7DQ2LBH2.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 
@@ -86,14 +86,17 @@ var useTab = _NGD3IQDBcjs.createHook.call(void 0, 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__ */ _jsxruntime.jsx.call(void 0, 
-        _LEU3BIGCcjs.CompositeItem,
-        {
-          id,
-          render: element,
-          store: store.composite,
-          shouldRegisterItem: selected && shouldRegisterItem
-        }
+        _7DQ2LBH2cjs.CompositeItem,
+        _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, defaultProps), {
+          render: store.combobox && store.composite !== store.combobox ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _7DQ2LBH2cjs.CompositeItem, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, defaultProps), { store: store.combobox })) : element
+        })
       );
     },
     [store, id, selected, shouldRegisterItem]
@@ -106,7 +109,7 @@ var useTab = _NGD3IQDBcjs.createHook.call(void 0, function useTab2(_a) {
   }, props), {
     onClick
   });
-  props = _LEU3BIGCcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+  props = _7DQ2LBH2cjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     store
   }, props), {
     accessibleWhenDisabled,

package/cjs/toolbar/toolbar-container.cjs

@@ -4,8 +4,8 @@
 var _MJP4XPFZcjs = require('../__chunks/MJP4XPFZ.cjs');
 
 
-var _OGH323OWcjs = require('../__chunks/OGH323OW.cjs');
-require('../__chunks/LEU3BIGC.cjs');
+var _AJF5DT5Acjs = require('../__chunks/AJF5DT5A.cjs');
+require('../__chunks/7DQ2LBH2.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -38,7 +38,7 @@ var useToolbarContainer = _NGD3IQDBcjs.createHook.call(void 0,
     const context = _MVDQWSSVcjs.useToolbarContext.call(void 0, );
     store = store || context;
     props = _MJP4XPFZcjs.useCompositeContainer.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-    props = _OGH323OWcjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _AJF5DT5Acjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/toolbar/toolbar-input.cjs

@@ -4,8 +4,8 @@
 var _WGZQRLXVcjs = require('../__chunks/WGZQRLXV.cjs');
 
 
-var _OGH323OWcjs = require('../__chunks/OGH323OW.cjs');
-require('../__chunks/LEU3BIGC.cjs');
+var _AJF5DT5Acjs = require('../__chunks/AJF5DT5A.cjs');
+require('../__chunks/7DQ2LBH2.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -38,7 +38,7 @@ var useToolbarInput = _NGD3IQDBcjs.createHook.call(void 0,
     const context = _MVDQWSSVcjs.useToolbarContext.call(void 0, );
     store = store || context;
     props = _WGZQRLXVcjs.useCompositeInput.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-    props = _OGH323OWcjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _AJF5DT5Acjs.useToolbarItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/toolbar/toolbar-item.cjs

@@ -2,8 +2,8 @@
 
 
 
-var _OGH323OWcjs = require('../__chunks/OGH323OW.cjs');
-require('../__chunks/LEU3BIGC.cjs');
+var _AJF5DT5Acjs = require('../__chunks/AJF5DT5A.cjs');
+require('../__chunks/7DQ2LBH2.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -20,4 +20,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.ToolbarItem = _OGH323OWcjs.ToolbarItem; exports.useToolbarItem = _OGH323OWcjs.useToolbarItem;
+exports.ToolbarItem = _AJF5DT5Acjs.ToolbarItem; exports.useToolbarItem = _AJF5DT5Acjs.useToolbarItem;

package/cjs/utils/misc.d.cts

@@ -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/cjs/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/cjs/utils/types.d.cts

@@ -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/cjs/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/esm/__chunks/{DGR3GYOB.js → APFOINTZ.js}

@@ -1,10 +1,13 @@
 "use client";
+import {
+  useComboboxContext
+} from "./N4X7J4OQ.js";
+import {
+  useSelectContext
+} from "./SYZHUNAU.js";
 import {
   useCompositeStoreProps
 } from "./ZR5N62ZV.js";
-import {
-  useCompositeContext
-} from "./QFI3MCMR.js";
 import {
   useStore,
   useStoreProps
@@ -21,7 +24,7 @@ import {
 import { useMemo } from "react";
 import * as Core from "@ariakit/core/tab/tab-store";
 function useTabStoreProps(store, update, props) {
-  useUpdateEffect(update, [props.composite]);
+  useUpdateEffect(update, [props.composite, props.combobox]);
   store = useCompositeStoreProps(store, update, props);
   useStoreProps(store, props, "selectedId", "setSelectedId");
   useStoreProps(store, props, "selectOnMove");
@@ -29,13 +32,15 @@ function useTabStoreProps(store, update, props) {
   useUpdateEffect(updatePanels, [store, updatePanels]);
   return Object.assign(
     useMemo(() => __spreadProps(__spreadValues({}, store), { panels }), [store, panels]),
-    { composite: props.composite }
+    { composite: props.composite, combobox: props.combobox }
   );
 }
 function useTabStore(props = {}) {
-  const composite = useCompositeContext();
+  const combobox = useComboboxContext();
+  const composite = useSelectContext() || combobox;
   props = __spreadProps(__spreadValues({}, props), {
-    composite: props.composite !== void 0 ? props.composite : composite
+    composite: props.composite !== void 0 ? props.composite : composite,
+    combobox: props.combobox !== void 0 ? props.combobox : combobox
   });
   const [store, update] = useStore(Core.createTabStore, props);
   return useTabStoreProps(store, update, props);

package/esm/__chunks/{QDVOJENT.js → C5HA76JU.js}

@@ -4,7 +4,7 @@ import {
 } from "./MIIHBIKN.js";
 import {
   useCompositeItem
-} from "./VGL3CETR.js";
+} from "./ONUY4D7O.js";
 import {
   createElement,
   createHook,

package/esm/__chunks/{H4YBNKTY.js → HW63KLP5.js}

@@ -10,7 +10,7 @@ import {
 } from "./VXKKJNIF.js";
 import {
   useCompositeItem
-} from "./VGL3CETR.js";
+} from "./ONUY4D7O.js";
 import {
   createElement,
   createHook,

package/esm/__chunks/{VGL3CETR.js → ONUY4D7O.js}

@@ -213,12 +213,10 @@ var useCompositeItem = createHook(
         return;
       if (!store)
         return;
-      const { activeId, virtualFocus: virtualFocus2, baseElement: baseElement2 } = store.getState();
       if (targetIsAnotherItem(event, store))
         return;
-      if (activeId !== id) {
-        store.setActiveId(id);
-      }
+      const { virtualFocus: virtualFocus2, baseElement: baseElement2 } = store.getState();
+      store.setActiveId(id);
       if (!virtualFocus2)
         return;
       if (!isSelfTarget(event))

package/esm/__chunks/{DCFMDHRW.js → XK6CE2M5.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useCompositeItem
-} from "./VGL3CETR.js";
+} from "./ONUY4D7O.js";
 import {
   useToolbarContext
 } from "./766APSLG.js";

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

@@ -49,7 +49,9 @@ declare function getItem<T extends Item = any>(items: Items<T>, index: number):
 export declare function useCollectionRenderer<T extends Item = any>({ store, items: itemsProp, initialItems, gap, itemSize, estimatedItemSize, overscan: overscanProp, orientation: orientationProp, padding, paddingStart, paddingEnd, persistentIndices, renderOnScroll, renderOnResize, children: renderItem, ...props }: CollectionRendererProps<T>): {
     children: ReactNode[];
     wrapElement?: import("../utils/types.js").WrapElement | undefined;
-    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
+    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp<import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }> | undefined;
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;

package/esm/combobox/combobox-cancel.js

@@ -2,10 +2,10 @@
 import {
   useButton
 } from "../__chunks/CKAOM5LG.js";
+import "../__chunks/PJ7ERAIM.js";
 import {
   useComboboxProviderContext
 } from "../__chunks/N4X7J4OQ.js";
-import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";
 import "../__chunks/5B3U64HV.js";

package/esm/combobox/combobox-disclosure.js

@@ -4,10 +4,10 @@ import {
 } from "../__chunks/LTYBQEWX.js";
 import "../__chunks/R6SM2O47.js";
 import "../__chunks/CKAOM5LG.js";
+import "../__chunks/PJ7ERAIM.js";
 import {
   useComboboxProviderContext
 } from "../__chunks/N4X7J4OQ.js";
-import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";
 import "../__chunks/5B3U64HV.js";

package/esm/combobox/combobox-item.js

@@ -2,16 +2,16 @@
 import {
   useCompositeHover
 } from "../__chunks/VXKKJNIF.js";
+import {
+  useCompositeItem
+} from "../__chunks/ONUY4D7O.js";
+import "../__chunks/PJ7ERAIM.js";
 import {
   ComboboxItemCheckedContext,
   ComboboxItemValueContext,
   ComboboxListRoleContext,
   useComboboxScopedContext
 } from "../__chunks/N4X7J4OQ.js";
-import {
-  useCompositeItem
-} from "../__chunks/VGL3CETR.js";
-import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/IFMAUEA7.js";
 import "../__chunks/3IEDWLST.js";
 import "../__chunks/QFI3MCMR.js";

package/esm/combobox/combobox-row.js

@@ -1,10 +1,10 @@
 "use client";
-import {
-  useComboboxScopedContext
-} from "../__chunks/N4X7J4OQ.js";
 import {
   useCompositeRow
 } from "../__chunks/TZ7AP4RP.js";
+import {
+  useComboboxScopedContext
+} from "../__chunks/N4X7J4OQ.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";
 import "../__chunks/5B3U64HV.js";

package/esm/composite/composite-item.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 "../__chunks/3IEDWLST.js";

package/esm/composite/composite-overflow-disclosure.js

@@ -8,7 +8,7 @@ import "../__chunks/DYQUE3V3.js";
 import "../__chunks/CKAOM5LG.js";
 import {
   useCompositeItem
-} from "../__chunks/VGL3CETR.js";
+} from "../__chunks/ONUY4D7O.js";
 import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/IFMAUEA7.js";
 import "../__chunks/3IEDWLST.js";

package/esm/composite/composite-renderer.d.ts

@@ -18,7 +18,9 @@ type ItemProps<T extends Item, P extends BaseItemProps = BaseItemProps> = Collec
 export declare function useCompositeRenderer<T extends Item = any>({ store, orientation: orientationProp, persistentIndices: persistentIndicesProp, children: renderItem, "aria-setsize": ariaSetSize, "aria-posinset": ariaPosInSet, ...props }: CompositeRendererProps<T>): {
     children: ReactNode[];
     wrapElement?: import("../utils/types.js").WrapElement | undefined;
-    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
+    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp<import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }> | undefined;
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;

package/esm/form/form-radio.js

@@ -7,9 +7,9 @@ import {
 } from "../__chunks/HQB73KOV.js";
 import {
   useRadio
-} from "../__chunks/QDVOJENT.js";
+} from "../__chunks/C5HA76JU.js";
 import "../__chunks/MIIHBIKN.js";
-import "../__chunks/VGL3CETR.js";
+import "../__chunks/ONUY4D7O.js";
 import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/IFMAUEA7.js";
 import "../__chunks/3IEDWLST.js";

package/esm/menu/menu-item-checkbox.js

@@ -8,14 +8,14 @@ import {
 import "../__chunks/ZKBA2XH4.js";
 import {
   useMenuItem
-} from "../__chunks/H4YBNKTY.js";
+} from "../__chunks/HW63KLP5.js";
 import {
   useMenuScopedContext
 } from "../__chunks/3HX4ZAOG.js";
 import "../__chunks/UY6VBRVY.js";
 import "../__chunks/VXKKJNIF.js";
 import "../__chunks/6XBVQI3K.js";
-import "../__chunks/VGL3CETR.js";
+import "../__chunks/ONUY4D7O.js";
 import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/IFMAUEA7.js";
 import "../__chunks/3IEDWLST.js";

package/esm/menu/menu-item-radio.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   useMenuItem
-} from "../__chunks/H4YBNKTY.js";
+} from "../__chunks/HW63KLP5.js";
 import {
   MenuItemCheckedContext,
   useMenuScopedContext
@@ -9,10 +9,10 @@ import {
 import "../__chunks/UY6VBRVY.js";
 import {
   useRadio
-} from "../__chunks/QDVOJENT.js";
+} from "../__chunks/C5HA76JU.js";
 import "../__chunks/MIIHBIKN.js";
 import "../__chunks/VXKKJNIF.js";
-import "../__chunks/VGL3CETR.js";
+import "../__chunks/ONUY4D7O.js";
 import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/IFMAUEA7.js";
 import "../__chunks/3IEDWLST.js";

package/esm/menu/menu-item.js

@@ -2,11 +2,11 @@
 import {
   MenuItem,
   useMenuItem
-} from "../__chunks/H4YBNKTY.js";
+} from "../__chunks/HW63KLP5.js";
 import "../__chunks/3HX4ZAOG.js";
 import "../__chunks/UY6VBRVY.js";
 import "../__chunks/VXKKJNIF.js";
-import "../__chunks/VGL3CETR.js";
+import "../__chunks/ONUY4D7O.js";
 import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/IFMAUEA7.js";
 import "../__chunks/3IEDWLST.js";

package/esm/radio/radio.js

@@ -2,9 +2,9 @@
 import {
   Radio,
   useRadio
-} from "../__chunks/QDVOJENT.js";
+} from "../__chunks/C5HA76JU.js";
 import "../__chunks/MIIHBIKN.js";
-import "../__chunks/VGL3CETR.js";
+import "../__chunks/ONUY4D7O.js";
 import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/IFMAUEA7.js";
 import "../__chunks/3IEDWLST.js";

package/esm/select/select-item.js

@@ -2,14 +2,14 @@
 import {
   useCompositeHover
 } from "../__chunks/VXKKJNIF.js";
+import {
+  useCompositeItem
+} from "../__chunks/ONUY4D7O.js";
+import "../__chunks/PJ7ERAIM.js";
 import {
   SelectItemCheckedContext,
   useSelectScopedContext
 } from "../__chunks/SYZHUNAU.js";
-import {
-  useCompositeItem
-} from "../__chunks/VGL3CETR.js";
-import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/IFMAUEA7.js";
 import "../__chunks/3IEDWLST.js";
 import "../__chunks/QFI3MCMR.js";

package/esm/select/select.js

@@ -13,11 +13,11 @@ import "../__chunks/NN4HLGKS.js";
 import {
   useCompositeTypeahead
 } from "../__chunks/QRAMDWD7.js";
+import "../__chunks/PJ7ERAIM.js";
 import {
   SelectScopedContextProvider,
   useSelectProviderContext
 } from "../__chunks/SYZHUNAU.js";
-import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/3IEDWLST.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";

package/esm/tab/tab-panel.js

@@ -40,7 +40,7 @@ import {
 } from "../__chunks/4R3V3JGP.js";
 
 // src/tab/tab-panel.tsx
-import { Fragment, useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { createTabStore } from "@ariakit/core/tab/tab-store";
 import { getAllTabbableIn } from "@ariakit/core/utils/focus";
 import { invariant } from "@ariakit/core/utils/misc";
@@ -124,27 +124,17 @@ var useTabPanel = createHook(
     const open = store.useState(
       (state) => !!tabId && state.selectedId === tabId
     );
+    const disclosure = useDisclosureStore({ open });
+    const mounted = disclosure.useState("mounted");
     props = __spreadProps(__spreadValues({
       id,
       role: "tabpanel",
       "aria-labelledby": tabId || void 0
     }, props), {
+      children: unmountOnHide && !mounted ? null : props.children,
       ref: useMergeRefs(ref, props.ref),
       onKeyDown
     });
-    const disclosure = useDisclosureStore({ open });
-    const mounted = disclosure.useState("mounted");
-    props = useWrapElement(
-      props,
-      (element) => {
-        if (!unmountOnHide)
-          return element;
-        if (!mounted)
-          return /* @__PURE__ */ jsx(Fragment, {});
-        return element;
-      },
-      [unmountOnHide, mounted]
-    );
     props = useFocusable(__spreadValues({
       // If the tab panel is rendered as part of another composite widget such
       // as combobox, it should not be focusable.

package/esm/tab/tab-provider.js

@@ -1,7 +1,9 @@
 "use client";
 import {
   useTabStore
-} from "../__chunks/DGR3GYOB.js";
+} from "../__chunks/APFOINTZ.js";
+import "../__chunks/N4X7J4OQ.js";
+import "../__chunks/SYZHUNAU.js";
 import {
   TabContextProvider
 } from "../__chunks/VFICFWOQ.js";
@@ -9,6 +11,9 @@ 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";