@ariakit/react-core 0.4.5 → 0.4.6

package/cjs/tab/tab-panel.cjs

@@ -2,37 +2,37 @@
 
 
 
-var _5CAFC273cjs = require('../__chunks/5CAFC273.cjs');
+var _UIOFNKIWcjs = require('../__chunks/UIOFNKIW.cjs');
 
 
-var _HD5AHCRIcjs = require('../__chunks/HD5AHCRI.cjs');
-require('../__chunks/VPI3EKVY.cjs');
-require('../__chunks/NEK2UEJN.cjs');
+var _3Z76SMA3cjs = require('../__chunks/3Z76SMA3.cjs');
+require('../__chunks/5J6PQR7O.cjs');
+require('../__chunks/WKI4JZZH.cjs');
 
 
-var _7CYY7U2Acjs = require('../__chunks/7CYY7U2A.cjs');
-require('../__chunks/GDEDCFNU.cjs');
-require('../__chunks/NTNMOEWE.cjs');
+var _MEFT7IVKcjs = require('../__chunks/MEFT7IVK.cjs');
+require('../__chunks/ZPVTVHP7.cjs');
+require('../__chunks/WT4MTRKY.cjs');
 
 
-var _FHRIPOYFcjs = require('../__chunks/FHRIPOYF.cjs');
-require('../__chunks/75KXQZJX.cjs');
+var _BJ3OD6EHcjs = require('../__chunks/BJ3OD6EH.cjs');
+require('../__chunks/DYIDES27.cjs');
 
 
 
 
-var _NGD3IQDBcjs = require('../__chunks/NGD3IQDB.cjs');
+var _R2YVMKBRcjs = require('../__chunks/R2YVMKBR.cjs');
 
 
-var _N6YOHUBIcjs = require('../__chunks/N6YOHUBI.cjs');
-require('../__chunks/GXMZA6DT.cjs');
+var _3MSB6GZAcjs = require('../__chunks/3MSB6GZA.cjs');
+require('../__chunks/IATQHLZT.cjs');
 
 
 
 
 
-var _TW3SFX4Ccjs = require('../__chunks/TW3SFX4C.cjs');
-require('../__chunks/CJDHQUBR.cjs');
+var _QFX6UW2Fcjs = require('../__chunks/QFX6UW2F.cjs');
+require('../__chunks/U2WARLXR.cjs');
 
 
 
@@ -46,7 +46,7 @@ var _focus = require('@ariakit/core/utils/focus');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
-var useTabPanel = _NGD3IQDBcjs.createHook.call(void 0, 
+var useTabPanel = _R2YVMKBRcjs.createHook.call(void 0, 
   function useTabPanel2(_a) {
     var _b = _a, {
       store,
@@ -59,14 +59,14 @@ var useTabPanel = _NGD3IQDBcjs.createHook.call(void 0,
       "tabId",
       "getItem"
     ]);
-    const context = _5CAFC273cjs.useTabProviderContext.call(void 0, );
+    const context = _UIOFNKIWcjs.useTabProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "TabPanel must receive a `store` prop or be wrapped in a TabProvider component."
     );
     const ref = _react.useRef.call(void 0, null);
-    const id = _TW3SFX4Ccjs.useId.call(void 0, props.id);
+    const id = _QFX6UW2Fcjs.useId.call(void 0, props.id);
     const [hasTabbableChildren, setHasTabbableChildren] = _react.useState.call(void 0, false);
     _react.useEffect.call(void 0, () => {
       const element = ref.current;
@@ -86,15 +86,15 @@ var useTabPanel = _NGD3IQDBcjs.createHook.call(void 0,
       [id, tabIdProp, getItemProp]
     );
     const onKeyDownProp = props.onKeyDown;
-    const onKeyDown = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
+    const onKeyDown = _QFX6UW2Fcjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
       if (!(store == null ? void 0 : store.composite))
         return;
-      const { items, renderedItems, selectedId } = store.getState();
-      const tab = _tabstore.createTabStore.call(void 0, { items, activeId: selectedId });
-      tab.setState("renderedItems", renderedItems);
+      const state = store.getState();
+      const tab = _tabstore.createTabStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, state), { activeId: state.selectedId }));
+      tab.setState("renderedItems", state.renderedItems);
       const keyMap = {
         ArrowLeft: tab.previous,
         ArrowRight: tab.next,
@@ -108,11 +108,11 @@ var useTabPanel = _NGD3IQDBcjs.createHook.call(void 0,
       if (!nextId)
         return;
       event.preventDefault();
-      store.select(nextId);
+      store.move(nextId);
     });
-    props = _TW3SFX4Ccjs.useWrapElement.call(void 0, 
+    props = _QFX6UW2Fcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5CAFC273cjs.TabScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UIOFNKIWcjs.TabScopedContextProvider, { value: store, children: element }),
       [store]
     );
     const tabId = store.panels.useState(
@@ -124,7 +124,7 @@ var useTabPanel = _NGD3IQDBcjs.createHook.call(void 0,
     const open = store.useState(
       (state) => !!tabId && state.selectedId === tabId
     );
-    const disclosure = _N6YOHUBIcjs.useDisclosureStore.call(void 0, { open });
+    const disclosure = _3MSB6GZAcjs.useDisclosureStore.call(void 0, { open });
     const mounted = disclosure.useState("mounted");
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       id,
@@ -132,22 +132,22 @@ var useTabPanel = _NGD3IQDBcjs.createHook.call(void 0,
       "aria-labelledby": tabId || void 0
     }, props), {
       children: unmountOnHide && !mounted ? null : props.children,
-      ref: _TW3SFX4Ccjs.useMergeRefs.call(void 0, ref, props.ref),
+      ref: _QFX6UW2Fcjs.useMergeRefs.call(void 0, ref, props.ref),
       onKeyDown
     });
-    props = _FHRIPOYFcjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _BJ3OD6EHcjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       // If the tab panel is rendered as part of another composite widget such
       // as combobox, it should not be focusable.
       focusable: !store.composite && !hasTabbableChildren
     }, props));
-    props = _7CYY7U2Acjs.useDisclosureContent.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store: disclosure }, props));
-    props = _HD5AHCRIcjs.useCollectionItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store: store.panels }, props), { getItem }));
+    props = _MEFT7IVKcjs.useDisclosureContent.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store: disclosure }, props));
+    props = _3Z76SMA3cjs.useCollectionItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store: store.panels }, props), { getItem }));
     return props;
   }
 );
-var TabPanel = _NGD3IQDBcjs.forwardRef.call(void 0, function TabPanel2(props) {
+var TabPanel = _R2YVMKBRcjs.forwardRef.call(void 0, function TabPanel2(props) {
   const htmlProps = useTabPanel(props);
-  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _R2YVMKBRcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/tab/tab-panel.d.cts

@@ -1,9 +1,9 @@
 import type { ElementType } from "react";
-import type { CollectionItemOptions } from "../collection/collection-item.js";
-import type { DisclosureContentOptions } from "../disclosure/disclosure-content.jsx";
-import type { FocusableOptions } from "../focusable/focusable.js";
-import type { Props } from "../utils/types.js";
-import type { TabStore } from "./tab-store.js";
+import type { CollectionItemOptions } from "../collection/collection-item.tsx";
+import type { DisclosureContentOptions } from "../disclosure/disclosure-content.tsx";
+import type { FocusableOptions } from "../focusable/focusable.tsx";
+import type { Props } from "../utils/types.ts";
+import type { TabStore } from "./tab-store.ts";
 declare const TagName = "div";
 type TagName = typeof TagName;
 /**
@@ -19,7 +19,7 @@ type TagName = typeof TagName;
  * <Role {...props}>Panel 1</Role>
  * ```
  */
-export declare const useTabPanel: import("../utils/types.js").Hook<"div", TabPanelOptions<"div">>;
+export declare const useTabPanel: import("../utils/types.ts").Hook<"div", TabPanelOptions<"div">>;
 /**
  * Renders a tab panel element that's controlled by a
  * [`Tab`](https://ariakit.org/reference/tab) component.

package/cjs/tab/tab-panel.d.ts

@@ -1,9 +1,9 @@
 import type { ElementType } from "react";
-import type { CollectionItemOptions } from "../collection/collection-item.js";
-import type { DisclosureContentOptions } from "../disclosure/disclosure-content.jsx";
-import type { FocusableOptions } from "../focusable/focusable.js";
-import type { Props } from "../utils/types.js";
-import type { TabStore } from "./tab-store.js";
+import type { CollectionItemOptions } from "../collection/collection-item.tsx";
+import type { DisclosureContentOptions } from "../disclosure/disclosure-content.tsx";
+import type { FocusableOptions } from "../focusable/focusable.tsx";
+import type { Props } from "../utils/types.ts";
+import type { TabStore } from "./tab-store.ts";
 declare const TagName = "div";
 type TagName = typeof TagName;
 /**
@@ -19,7 +19,7 @@ type TagName = typeof TagName;
  * <Role {...props}>Panel 1</Role>
  * ```
  */
-export declare const useTabPanel: import("../utils/types.js").Hook<"div", TabPanelOptions<"div">>;
+export declare const useTabPanel: import("../utils/types.ts").Hook<"div", TabPanelOptions<"div">>;
 /**
  * Renders a tab panel element that's controlled by a
  * [`Tab`](https://ariakit.org/reference/tab) component.

package/cjs/tab/tab-provider.cjs

@@ -1,30 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _YOQXFS4Ucjs = require('../__chunks/YOQXFS4U.cjs');
-require('../__chunks/2IJSEADJ.cjs');
-require('../__chunks/HZDOLHRO.cjs');
+var _QROIDWYFcjs = require('../__chunks/QROIDWYF.cjs');
+require('../__chunks/EO4IBCRN.cjs');
+require('../__chunks/5VQNY2SR.cjs');
 
 
-var _5CAFC273cjs = require('../__chunks/5CAFC273.cjs');
-require('../__chunks/4H5ZMMOI.cjs');
-require('../__chunks/Q7DU7FP7.cjs');
-require('../__chunks/VPI3EKVY.cjs');
-require('../__chunks/NEK2UEJN.cjs');
-require('../__chunks/77BAEZ2Z.cjs');
-require('../__chunks/GDEDCFNU.cjs');
-require('../__chunks/NTNMOEWE.cjs');
-require('../__chunks/NGD3IQDB.cjs');
-require('../__chunks/GXMZA6DT.cjs');
-require('../__chunks/TW3SFX4C.cjs');
-require('../__chunks/CJDHQUBR.cjs');
+var _UIOFNKIWcjs = require('../__chunks/UIOFNKIW.cjs');
+require('../__chunks/WZ66574O.cjs');
+require('../__chunks/ATZZKP7Z.cjs');
+require('../__chunks/5J6PQR7O.cjs');
+require('../__chunks/WKI4JZZH.cjs');
+require('../__chunks/JE2SKI3E.cjs');
+require('../__chunks/ZPVTVHP7.cjs');
+require('../__chunks/WT4MTRKY.cjs');
+require('../__chunks/R2YVMKBR.cjs');
+require('../__chunks/IATQHLZT.cjs');
+require('../__chunks/QFX6UW2F.cjs');
+require('../__chunks/U2WARLXR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 // src/tab/tab-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function TabProvider(props = {}) {
-  const store = _YOQXFS4Ucjs.useTabStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5CAFC273cjs.TabContextProvider, { value: store, children: props.children });
+  const store = _QROIDWYFcjs.useTabStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UIOFNKIWcjs.TabContextProvider, { value: store, children: props.children });
 }
 
 

package/cjs/tab/tab-provider.d.cts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { TabStoreProps } from "./tab-store.js";
+import type { TabStoreProps } from "./tab-store.ts";
 /**
  * Provides a tab store to [Tab](https://ariakit.org/components/tab) components.
  * @see https://ariakit.org/components/tab

package/cjs/tab/tab-provider.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { TabStoreProps } from "./tab-store.js";
+import type { TabStoreProps } from "./tab-store.ts";
 /**
  * Provides a tab store to [Tab](https://ariakit.org/components/tab) components.
  * @see https://ariakit.org/components/tab

package/cjs/tab/tab-store.cjs

@@ -2,22 +2,22 @@
 
 
 
-var _YOQXFS4Ucjs = require('../__chunks/YOQXFS4U.cjs');
-require('../__chunks/2IJSEADJ.cjs');
-require('../__chunks/HZDOLHRO.cjs');
-require('../__chunks/4H5ZMMOI.cjs');
-require('../__chunks/Q7DU7FP7.cjs');
-require('../__chunks/VPI3EKVY.cjs');
-require('../__chunks/NEK2UEJN.cjs');
-require('../__chunks/77BAEZ2Z.cjs');
-require('../__chunks/GDEDCFNU.cjs');
-require('../__chunks/NTNMOEWE.cjs');
-require('../__chunks/NGD3IQDB.cjs');
-require('../__chunks/GXMZA6DT.cjs');
-require('../__chunks/TW3SFX4C.cjs');
-require('../__chunks/CJDHQUBR.cjs');
+var _QROIDWYFcjs = require('../__chunks/QROIDWYF.cjs');
+require('../__chunks/EO4IBCRN.cjs');
+require('../__chunks/5VQNY2SR.cjs');
+require('../__chunks/WZ66574O.cjs');
+require('../__chunks/ATZZKP7Z.cjs');
+require('../__chunks/5J6PQR7O.cjs');
+require('../__chunks/WKI4JZZH.cjs');
+require('../__chunks/JE2SKI3E.cjs');
+require('../__chunks/ZPVTVHP7.cjs');
+require('../__chunks/WT4MTRKY.cjs');
+require('../__chunks/R2YVMKBR.cjs');
+require('../__chunks/IATQHLZT.cjs');
+require('../__chunks/QFX6UW2F.cjs');
+require('../__chunks/U2WARLXR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useTabStore = _YOQXFS4Ucjs.useTabStore; exports.useTabStoreProps = _YOQXFS4Ucjs.useTabStoreProps;
+exports.useTabStore = _QROIDWYFcjs.useTabStore; exports.useTabStoreProps = _QROIDWYFcjs.useTabStoreProps;

package/cjs/tab/tab-store.d.cts

@@ -1,17 +1,13 @@
 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";
+import type { ComboboxStore } from "../combobox/combobox-store.ts";
+import type { CompositeStore, CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
+import type { Store } from "../utils/store.tsx";
 export declare function useTabStoreProps<T extends Core.TabStore>(store: T, update: () => void, props: TabStoreProps): T & {
     panels: import("@ariakit/core/collection/collection-store").CollectionStore<Core.TabStorePanel> & {
-        useState: {
-            (): import("@ariakit/core/collection/collection-store").CollectionStoreState<Core.TabStorePanel>;
-            <K extends keyof import("@ariakit/core/collection/collection-store").CollectionStoreState<Core.TabStorePanel>>(key: K): import("@ariakit/core/collection/collection-store").CollectionStoreState<Core.TabStorePanel>[K];
-            <V>(selector: (state: import("@ariakit/core/collection/collection-store").CollectionStoreState<Core.TabStorePanel>) => V): V;
-        };
+        useState: import("../utils/store.tsx").UseState<import("@ariakit/core/collection/collection-store").CollectionStoreState<Core.TabStorePanel>>;
     };
 } & {
-    composite: CompositeStore<import("../composite/composite-store.js").CompositeStoreItem> | null | undefined;
+    composite: CompositeStore<import("../composite/composite-store.ts").CompositeStoreItem> | null | undefined;
     combobox: ComboboxStore<import("@ariakit/core/combobox/combobox-store").ComboboxStoreSelectedValue> | null | undefined;
 };
 /**

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

@@ -1,17 +1,13 @@
 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";
+import type { ComboboxStore } from "../combobox/combobox-store.ts";
+import type { CompositeStore, CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
+import type { Store } from "../utils/store.tsx";
 export declare function useTabStoreProps<T extends Core.TabStore>(store: T, update: () => void, props: TabStoreProps): T & {
     panels: import("@ariakit/core/collection/collection-store").CollectionStore<Core.TabStorePanel> & {
-        useState: {
-            (): import("@ariakit/core/collection/collection-store").CollectionStoreState<Core.TabStorePanel>;
-            <K extends keyof import("@ariakit/core/collection/collection-store").CollectionStoreState<Core.TabStorePanel>>(key: K): import("@ariakit/core/collection/collection-store").CollectionStoreState<Core.TabStorePanel>[K];
-            <V>(selector: (state: import("@ariakit/core/collection/collection-store").CollectionStoreState<Core.TabStorePanel>) => V): V;
-        };
+        useState: import("../utils/store.tsx").UseState<import("@ariakit/core/collection/collection-store").CollectionStoreState<Core.TabStorePanel>>;
     };
 } & {
-    composite: CompositeStore<import("../composite/composite-store.js").CompositeStoreItem> | null | undefined;
+    composite: CompositeStore<import("../composite/composite-store.ts").CompositeStoreItem> | null | undefined;
     combobox: ComboboxStore<import("@ariakit/core/combobox/combobox-store").ComboboxStoreSelectedValue> | null | undefined;
 };
 /**

package/cjs/tab/tab.cjs

@@ -1,31 +1,33 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _5CAFC273cjs = require('../__chunks/5CAFC273.cjs');
+var _UIOFNKIWcjs = require('../__chunks/UIOFNKIW.cjs');
 
 
 
-var _3HMQOCLFcjs = require('../__chunks/3HMQOCLF.cjs');
-require('../__chunks/HD5AHCRI.cjs');
-require('../__chunks/U4NXCMZ3.cjs');
+var _X7NPMBM4cjs = require('../__chunks/X7NPMBM4.cjs');
+require('../__chunks/3Z76SMA3.cjs');
+require('../__chunks/ZFDTYFQI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/VPI3EKVY.cjs');
-require('../__chunks/NEK2UEJN.cjs');
-require('../__chunks/FHRIPOYF.cjs');
-require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/5J6PQR7O.cjs');
+require('../__chunks/WKI4JZZH.cjs');
+require('../__chunks/BJ3OD6EH.cjs');
+require('../__chunks/DYIDES27.cjs');
 
 
 
 
 
-var _NGD3IQDBcjs = require('../__chunks/NGD3IQDB.cjs');
-require('../__chunks/GXMZA6DT.cjs');
+var _R2YVMKBRcjs = require('../__chunks/R2YVMKBR.cjs');
 
 
+var _IATQHLZTcjs = require('../__chunks/IATQHLZT.cjs');
 
 
-var _TW3SFX4Ccjs = require('../__chunks/TW3SFX4C.cjs');
-require('../__chunks/CJDHQUBR.cjs');
+
+
+var _QFX6UW2Fcjs = require('../__chunks/QFX6UW2F.cjs');
+require('../__chunks/U2WARLXR.cjs');
 
 
 
@@ -37,7 +39,7 @@ var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "button";
-var useTab = _NGD3IQDBcjs.createHook.call(void 0, function useTab2(_a) {
+var useTab = _R2YVMKBRcjs.createHook.call(void 0, function useTab2(_a) {
   var _b = _a, {
     store,
     accessibleWhenDisabled = true,
@@ -47,13 +49,13 @@ var useTab = _NGD3IQDBcjs.createHook.call(void 0, function useTab2(_a) {
     "accessibleWhenDisabled",
     "getItem"
   ]);
-  const context = _5CAFC273cjs.useTabScopedContext.call(void 0, );
+  const context = _UIOFNKIWcjs.useTabScopedContext.call(void 0, );
   store = store || context;
   _misc.invariant.call(void 0, 
     store,
     process.env.NODE_ENV !== "production" && "Tab must be wrapped in a TabList component."
   );
-  const defaultId = _TW3SFX4Ccjs.useId.call(void 0, );
+  const defaultId = _QFX6UW2Fcjs.useId.call(void 0, );
   const id = props.id || defaultId;
   const dimmed = _misc.disabledFromProps.call(void 0, props);
   const getItem = _react.useCallback.call(void 0, 
@@ -67,7 +69,7 @@ var useTab = _NGD3IQDBcjs.createHook.call(void 0, function useTab2(_a) {
     [dimmed, getItemProp]
   );
   const onClickProp = props.onClick;
-  const onClick = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
+  const onClick = _QFX6UW2Fcjs.useEvent.call(void 0, (event) => {
     onClickProp == null ? void 0 : onClickProp(event);
     if (event.defaultPrevented)
       return;
@@ -79,9 +81,12 @@ var useTab = _NGD3IQDBcjs.createHook.call(void 0, function useTab2(_a) {
       return (_a2 = state.items.find((item) => item.tabId === id)) == null ? void 0 : _a2.id;
     }
   );
-  const selected = store.useState((state) => !!id && state.selectedId === id);
   const shouldRegisterItem = !!defaultId ? props.shouldRegisterItem : false;
-  props = _TW3SFX4Ccjs.useWrapElement.call(void 0, 
+  const isActive = store.useState((state) => !!id && state.activeId === id);
+  const selected = store.useState((state) => !!id && state.selectedId === id);
+  const hasActiveItem = store.useState((state) => !!store.item(state.activeId));
+  const canRegisterComposedItem = isActive || selected && !hasActiveItem;
+  props = _QFX6UW2Fcjs.useWrapElement.call(void 0, 
     props,
     (element) => {
       if (!(store == null ? void 0 : store.composite))
@@ -89,18 +94,27 @@ var useTab = _NGD3IQDBcjs.createHook.call(void 0, function useTab2(_a) {
       const defaultProps = {
         id,
         store: store.composite,
-        shouldRegisterItem: selected && shouldRegisterItem,
+        shouldRegisterItem: canRegisterComposedItem && shouldRegisterItem,
         render: element
       };
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _3HMQOCLFcjs.CompositeItem,
+        _X7NPMBM4cjs.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, _3HMQOCLFcjs.CompositeItem, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, defaultProps), { store: store.combobox })) : element
+          render: store.combobox && store.composite !== store.combobox ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _X7NPMBM4cjs.CompositeItem, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, defaultProps), { store: store.combobox })) : element
         })
       );
     },
-    [store, id, selected, shouldRegisterItem]
+    [store, id, canRegisterComposedItem, shouldRegisterItem]
+  );
+  const isWithinVirtualFocusComposite = _IATQHLZTcjs.useStoreState.call(void 0, 
+    store.combobox || store.composite,
+    "virtualFocus"
   );
+  if (isWithinVirtualFocusComposite) {
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+      tabIndex: -1
+    });
+  }
   props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     id,
     role: "tab",
@@ -109,7 +123,7 @@ var useTab = _NGD3IQDBcjs.createHook.call(void 0, function useTab2(_a) {
   }, props), {
     onClick
   });
-  props = _3HMQOCLFcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+  props = _X7NPMBM4cjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     store
   }, props), {
     accessibleWhenDisabled,
@@ -118,10 +132,10 @@ var useTab = _NGD3IQDBcjs.createHook.call(void 0, function useTab2(_a) {
   }));
   return props;
 });
-var Tab = _NGD3IQDBcjs.memo.call(void 0, 
-  _NGD3IQDBcjs.forwardRef.call(void 0, function Tab2(props) {
+var Tab = _R2YVMKBRcjs.memo.call(void 0, 
+  _R2YVMKBRcjs.forwardRef.call(void 0, function Tab2(props) {
     const htmlProps = useTab(props);
-    return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+    return _R2YVMKBRcjs.createElement.call(void 0, TagName, htmlProps);
   })
 );
 

package/cjs/tab/tab.d.cts

@@ -1,7 +1,7 @@
 import type { ElementType } from "react";
-import type { CompositeItemOptions } from "../composite/composite-item.jsx";
-import type { Props } from "../utils/types.js";
-import type { TabStore } from "./tab-store.js";
+import type { CompositeItemOptions } from "../composite/composite-item.tsx";
+import type { Props } from "../utils/types.ts";
+import type { TabStore } from "./tab-store.ts";
 declare const TagName = "button";
 type TagName = typeof TagName;
 /**
@@ -17,7 +17,7 @@ type TagName = typeof TagName;
  * <TabPanel store={store}>Panel 1</TabPanel>
  * ```
  */
-export declare const useTab: import("../utils/types.js").Hook<"button", TabOptions<"button">>;
+export declare const useTab: import("../utils/types.ts").Hook<"button", TabOptions<"button">>;
 /**
  * Renders a tab element inside a
  * [`TabList`](https://ariakit.org/reference/tab-list) wrapper.

package/cjs/tab/tab.d.ts

@@ -1,7 +1,7 @@
 import type { ElementType } from "react";
-import type { CompositeItemOptions } from "../composite/composite-item.jsx";
-import type { Props } from "../utils/types.js";
-import type { TabStore } from "./tab-store.js";
+import type { CompositeItemOptions } from "../composite/composite-item.tsx";
+import type { Props } from "../utils/types.ts";
+import type { TabStore } from "./tab-store.ts";
 declare const TagName = "button";
 type TagName = typeof TagName;
 /**
@@ -17,7 +17,7 @@ type TagName = typeof TagName;
  * <TabPanel store={store}>Panel 1</TabPanel>
  * ```
  */
-export declare const useTab: import("../utils/types.js").Hook<"button", TabOptions<"button">>;
+export declare const useTab: import("../utils/types.ts").Hook<"button", TabOptions<"button">>;
 /**
  * Renders a tab element inside a
  * [`TabList`](https://ariakit.org/reference/tab-list) wrapper.

package/cjs/tag/tag-context.cjs

@@ -7,12 +7,12 @@
 
 
 
-var _PVLZGFP6cjs = require('../__chunks/PVLZGFP6.cjs');
-require('../__chunks/VPI3EKVY.cjs');
-require('../__chunks/NEK2UEJN.cjs');
-require('../__chunks/NGD3IQDB.cjs');
-require('../__chunks/TW3SFX4C.cjs');
-require('../__chunks/CJDHQUBR.cjs');
+var _AO6DVG67cjs = require('../__chunks/AO6DVG67.cjs');
+require('../__chunks/5J6PQR7O.cjs');
+require('../__chunks/WKI4JZZH.cjs');
+require('../__chunks/R2YVMKBR.cjs');
+require('../__chunks/QFX6UW2F.cjs');
+require('../__chunks/U2WARLXR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
@@ -22,4 +22,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.TagContextProvider = _PVLZGFP6cjs.TagContextProvider; exports.TagRemoveIdContext = _PVLZGFP6cjs.TagRemoveIdContext; exports.TagScopedContextProvider = _PVLZGFP6cjs.TagScopedContextProvider; exports.TagValueContext = _PVLZGFP6cjs.TagValueContext; exports.useTagContext = _PVLZGFP6cjs.useTagContext; exports.useTagProviderContext = _PVLZGFP6cjs.useTagProviderContext; exports.useTagScopedContext = _PVLZGFP6cjs.useTagScopedContext;
+exports.TagContextProvider = _AO6DVG67cjs.TagContextProvider; exports.TagRemoveIdContext = _AO6DVG67cjs.TagRemoveIdContext; exports.TagScopedContextProvider = _AO6DVG67cjs.TagScopedContextProvider; exports.TagValueContext = _AO6DVG67cjs.TagValueContext; exports.useTagContext = _AO6DVG67cjs.useTagContext; exports.useTagProviderContext = _AO6DVG67cjs.useTagProviderContext; exports.useTagScopedContext = _AO6DVG67cjs.useTagScopedContext;

package/cjs/tag/tag-context.d.cts

@@ -1,4 +1,4 @@
-import type { TagStore } from "./tag-store.js";
+import type { TagStore } from "./tag-store.ts";
 export declare const TagValueContext: import("react").Context<string | null>;
 export declare const TagRemoveIdContext: import("react").Context<((id?: string) => void) | null>;
 /**

package/cjs/tag/tag-context.d.ts

@@ -1,4 +1,4 @@
-import type { TagStore } from "./tag-store.js";
+import type { TagStore } from "./tag-store.ts";
 export declare const TagValueContext: import("react").Context<string | null>;
 export declare const TagRemoveIdContext: import("react").Context<((id?: string) => void) | null>;
 /**