@ariakit/react-core 0.4.4 → 0.4.6

package/esm/select/select.d.ts

@@ -1,9 +1,9 @@
 import type { ElementType, KeyboardEvent, MouseEvent, SelectHTMLAttributes } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
-import type { CompositeTypeaheadOptions } from "../composite/composite-typeahead.js";
-import type { PopoverDisclosureOptions } from "../popover/popover-disclosure.js";
-import type { Props } from "../utils/types.js";
-import type { SelectStore } from "./select-store.js";
+import type { CompositeTypeaheadOptions } from "../composite/composite-typeahead.tsx";
+import type { PopoverDisclosureOptions } from "../popover/popover-disclosure.tsx";
+import type { Props } from "../utils/types.ts";
+import type { SelectStore } from "./select-store.ts";
 declare const TagName = "button";
 type TagName = typeof TagName;
 /**
@@ -16,7 +16,7 @@ type TagName = typeof TagName;
  * <Role {...props} />
  * ```
  */
-export declare const useSelect: import("../utils/types.js").Hook<"button", SelectOptions<"button">>;
+export declare const useSelect: import("../utils/types.ts").Hook<"button", SelectOptions<"button">>;
 /**
  * Renders a custom select element that controls the visibility of either a
  * [`SelectList`](https://ariakit.org/reference/select-list) or a
@@ -70,28 +70,14 @@ export interface SelectOptions<T extends ElementType = TagName> extends PopoverD
      */
     moveOnKeyDown?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
     /**
-     * Determines if
-     * [`toggle`](https://ariakit.org/reference/use-select-store#toggle) should be
-     * invoked on click. By default, the
-     * [`SelectList`](https://ariakit.org/reference/select-list) or
-     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components
-     * are displayed on press (on mouse/key down).
-     *
-     * **Note**: When set to `true`, this prop supersedes the
-     * [`toggleOnPress`](https://ariakit.org/reference/select#toggleonpress) prop.
-     * @default false
-     */
-    toggleOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
-    /**
-     * Determines whether pressing Space, Enter, or a mouse down event will
+     * Determines whether pressing Space, Enter, or a click event will
      * [`toggle`](https://ariakit.org/reference/use-select-store#toggle) the
      * [`SelectList`](https://ariakit.org/reference/select-list) or
      * [`SelectPopover`](https://ariakit.org/reference/select-popover) components.
-     *
-     * **Note**: This prop is disregarded if
-     * [`toggleOnClick`](https://ariakit.org/reference/select#toggleonclick) is
-     * set to `true`.
      * @default true
+     * @deprecated Use
+     * [`toggleOnClick`](https://ariakit.org/reference/select#toggleonclick)
+     * instead.
      */
     toggleOnPress?: BooleanOrCallback<MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>>;
 }

package/esm/select/select.js

@@ -1,43 +1,43 @@
 "use client";
 import {
   usePopoverDisclosure
-} from "../__chunks/RSEU2ZAG.js";
-import "../__chunks/LTYBQEWX.js";
-import "../__chunks/R6SM2O47.js";
-import "../__chunks/DYQUE3V3.js";
-import "../__chunks/CKAOM5LG.js";
+} from "../__chunks/BGZXKXEX.js";
+import "../__chunks/ANSLM3DW.js";
+import "../__chunks/A3SWRNEB.js";
+import "../__chunks/BEM72Z3B.js";
+import "../__chunks/RKAHF5HE.js";
 import {
   SelectArrow
-} from "../__chunks/5H3YXAUC.js";
-import "../__chunks/F2RFUFO2.js";
+} from "../__chunks/S6O3GDT5.js";
+import "../__chunks/DFMIKPTE.js";
 import {
   useCompositeTypeahead
-} from "../__chunks/QRAMDWD7.js";
-import "../__chunks/PJ7ERAIM.js";
+} from "../__chunks/J7DZFKDD.js";
 import {
   SelectScopedContextProvider,
   useSelectProviderContext
-} from "../__chunks/SYZHUNAU.js";
+} from "../__chunks/OFHTR2QK.js";
+import "../__chunks/57DQFKOT.js";
 import "../__chunks/3IEDWLST.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/5B3U64HV.js";
-import "../__chunks/IWHI6Y45.js";
-import "../__chunks/RG6J4TID.js";
-import "../__chunks/7JCFLN3D.js";
-import "../__chunks/SHA3WOPI.js";
+import "../__chunks/RA2MZPUM.js";
+import "../__chunks/J4JPXPLD.js";
+import "../__chunks/THGRQCVD.js";
+import "../__chunks/UUT76IPH.js";
+import "../__chunks/JS4W7WDG.js";
+import "../__chunks/CGG6F755.js";
+import "../__chunks/SWN3JYXT.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GUCZNEAD.js";
+} from "../__chunks/I6MSISV2.js";
 import {
   useBooleanEvent,
   useEvent,
   useMergeRefs,
   useWrapElement
-} from "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import {
   __objRest,
   __spreadProps,
@@ -82,8 +82,8 @@ var useSelect = createHook(function useSelect2(_a) {
     required,
     showOnKeyDown = true,
     moveOnKeyDown = true,
-    toggleOnClick = false,
-    toggleOnPress = !toggleOnClick
+    toggleOnPress = true,
+    toggleOnClick = toggleOnPress
   } = _b, props = __objRest(_b, [
     "store",
     "name",
@@ -91,8 +91,8 @@ var useSelect = createHook(function useSelect2(_a) {
     "required",
     "showOnKeyDown",
     "moveOnKeyDown",
-    "toggleOnClick",
-    "toggleOnPress"
+    "toggleOnPress",
+    "toggleOnClick"
   ]);
   const context = useSelectProviderContext();
   store = store || context;
@@ -100,11 +100,9 @@ var useSelect = createHook(function useSelect2(_a) {
     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);
   const moveOnKeyDownProp = useBooleanEvent(moveOnKeyDown);
-  const toggleOnPressProp = useBooleanEvent(toggleOnPress);
   const placement = store.useState("placement");
   const dir = placement.split("-")[0];
   const value = store.useState("value");
@@ -117,12 +115,6 @@ var useSelect = createHook(function useSelect2(_a) {
     if (!store)
       return;
     const { orientation, items: items2, activeId } = store.getState();
-    if (event.key === " " || event.key === "Enter") {
-      if (toggleOnPressProp(event)) {
-        event.preventDefault();
-        store.toggle();
-      }
-    }
     const isVertical = orientation !== "horizontal";
     const isHorizontal = orientation !== "vertical";
     const isGrid = !!((_a2 = items2.find((item) => !item.disabled && item.value != null)) == null ? void 0 : _a2.rowId);
@@ -153,23 +145,6 @@ var useSelect = createHook(function useSelect2(_a) {
       queueBeforeEvent(event.currentTarget, "keyup", store.show);
     }
   });
-  const onMouseDownProp = props.onMouseDown;
-  const onMouseDown = useEvent((event) => {
-    onMouseDownProp == null ? void 0 : onMouseDownProp(event);
-    if (event.defaultPrevented)
-      return;
-    if (event.button)
-      return;
-    if (event.ctrlKey)
-      return;
-    if (!toggleOnPressProp(event))
-      return;
-    const element = event.currentTarget;
-    queueBeforeEvent(element, "focusin", () => {
-      store == null ? void 0 : store.setDisclosureElement(element);
-      store == null ? void 0 : store.toggle();
-    });
-  });
   props = useWrapElement(
     props,
     (element) => /* @__PURE__ */ jsx(SelectScopedContextProvider, { value: store, children: element }),
@@ -280,8 +255,7 @@ var useSelect = createHook(function useSelect2(_a) {
     children
   }, props), {
     ref: useMergeRefs(store.setSelectElement, props.ref),
-    onKeyDown,
-    onMouseDown
+    onKeyDown
   });
   props = usePopoverDisclosure(__spreadValues({ store, toggleOnClick }, props));
   props = useCompositeTypeahead(__spreadValues({ store }, props));

package/esm/separator/separator.d.ts

@@ -1,5 +1,5 @@
 import type { ElementType } from "react";
-import type { Options, Props } from "../utils/types.js";
+import type { Options, Props } from "../utils/types.ts";
 declare const TagName = "hr";
 type TagName = typeof TagName;
 /**
@@ -11,7 +11,7 @@ type TagName = typeof TagName;
  * <Role {...props} />
  * ```
  */
-export declare const useSeparator: import("../utils/types.js").Hook<"hr", SeparatorOptions<"hr">>;
+export declare const useSeparator: import("../utils/types.ts").Hook<"hr", SeparatorOptions<"hr">>;
 /**
  * Renders a separator element.
  * @see https://ariakit.org/components/separator

package/esm/separator/separator.js

@@ -2,10 +2,10 @@
 import {
   Separator,
   useSeparator
-} from "../__chunks/GBZR5YWM.js";
-import "../__chunks/GUCZNEAD.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/CMELOF3N.js";
+import "../__chunks/I6MSISV2.js";
+import "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   Separator,

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

@@ -1,4 +1,4 @@
-import type { TabStore } from "./tab-store.js";
+import type { TabStore } from "./tab-store.ts";
 /**
  * Returns the tab store from the nearest tab container.
  * @example

package/esm/tab/tab-context.js

@@ -5,12 +5,12 @@ import {
   useTabContext,
   useTabProviderContext,
   useTabScopedContext
-} from "../__chunks/VFICFWOQ.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/GUCZNEAD.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/ZXQSHM2S.js";
+import "../__chunks/RA2MZPUM.js";
+import "../__chunks/J4JPXPLD.js";
+import "../__chunks/I6MSISV2.js";
+import "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   TabContextProvider,

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

@@ -1,7 +1,7 @@
 import type { ElementType } from "react";
-import type { CompositeOptions } from "../composite/composite.js";
-import type { Props } from "../utils/types.js";
-import type { TabStore } from "./tab-store.js";
+import type { CompositeOptions } from "../composite/composite.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;
  * <TabPanel store={store}>Panel 2</TabPanel>
  * ```
  */
-export declare const useTabList: import("../utils/types.js").Hook<"div", TabListOptions<"div">>;
+export declare const useTabList: import("../utils/types.ts").Hook<"div", TabListOptions<"div">>;
 /**
  * Renders a composite tab list wrapper for
  * [`Tab`](https://ariakit.org/reference/tab) elements.

package/esm/tab/tab-list.js

@@ -2,24 +2,24 @@
 import {
   TabScopedContextProvider,
   useTabProviderContext
-} from "../__chunks/VFICFWOQ.js";
+} from "../__chunks/ZXQSHM2S.js";
 import {
   useComposite
-} from "../__chunks/CDZXDIC7.js";
+} from "../__chunks/YRRYMVMY.js";
 import "../__chunks/3IEDWLST.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/7JCFLN3D.js";
-import "../__chunks/SHA3WOPI.js";
+import "../__chunks/RA2MZPUM.js";
+import "../__chunks/J4JPXPLD.js";
+import "../__chunks/CGG6F755.js";
+import "../__chunks/SWN3JYXT.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GUCZNEAD.js";
+} from "../__chunks/I6MSISV2.js";
 import {
   useWrapElement
-} from "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import {
   __objRest,
   __spreadValues

package/esm/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/esm/tab/tab-panel.js

@@ -1,38 +1,38 @@
 "use client";
-import {
-  useCollectionItem
-} from "../__chunks/IFMAUEA7.js";
 import {
   TabScopedContextProvider,
   useTabProviderContext
-} from "../__chunks/VFICFWOQ.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
+} from "../__chunks/ZXQSHM2S.js";
+import {
+  useCollectionItem
+} from "../__chunks/FXHYBSGZ.js";
+import "../__chunks/RA2MZPUM.js";
+import "../__chunks/J4JPXPLD.js";
 import {
   useDisclosureContent
-} from "../__chunks/KCMTTTFR.js";
-import "../__chunks/IWHI6Y45.js";
-import "../__chunks/RG6J4TID.js";
+} from "../__chunks/7AG4LN2H.js";
+import "../__chunks/UUT76IPH.js";
+import "../__chunks/JS4W7WDG.js";
 import {
   useFocusable
-} from "../__chunks/7JCFLN3D.js";
-import "../__chunks/SHA3WOPI.js";
+} from "../__chunks/CGG6F755.js";
+import "../__chunks/SWN3JYXT.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GUCZNEAD.js";
+} from "../__chunks/I6MSISV2.js";
 import {
   useDisclosureStore
-} from "../__chunks/ZIX5D53S.js";
-import "../__chunks/PWUXK5IM.js";
+} from "../__chunks/D6UA6CB7.js";
+import "../__chunks/S67MTDSB.js";
 import {
   useEvent,
   useId,
   useMergeRefs,
   useWrapElement
-} from "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import {
   __objRest,
   __spreadProps,
@@ -92,9 +92,9 @@ var useTabPanel = createHook(
         return;
       if (!(store == null ? void 0 : store.composite))
         return;
-      const { items, renderedItems, selectedId } = store.getState();
-      const tab = createTabStore({ items, activeId: selectedId });
-      tab.setState("renderedItems", renderedItems);
+      const state = store.getState();
+      const tab = createTabStore(__spreadProps(__spreadValues({}, state), { activeId: state.selectedId }));
+      tab.setState("renderedItems", state.renderedItems);
       const keyMap = {
         ArrowLeft: tab.previous,
         ArrowRight: tab.next,
@@ -108,7 +108,7 @@ var useTabPanel = createHook(
       if (!nextId)
         return;
       event.preventDefault();
-      store.select(nextId);
+      store.move(nextId);
     });
     props = useWrapElement(
       props,

package/esm/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/esm/tab/tab-provider.js

@@ -1,23 +1,23 @@
 "use client";
 import {
   useTabStore
-} from "../__chunks/APFOINTZ.js";
-import "../__chunks/N4X7J4OQ.js";
-import "../__chunks/SYZHUNAU.js";
+} from "../__chunks/ZVORRLXS.js";
+import "../__chunks/WJUQFF4Z.js";
+import "../__chunks/OFHTR2QK.js";
 import {
   TabContextProvider
-} from "../__chunks/VFICFWOQ.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";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/ZXQSHM2S.js";
+import "../__chunks/HVBTERMS.js";
+import "../__chunks/DYZ3QKCZ.js";
+import "../__chunks/RA2MZPUM.js";
+import "../__chunks/J4JPXPLD.js";
+import "../__chunks/THGRQCVD.js";
+import "../__chunks/UUT76IPH.js";
+import "../__chunks/JS4W7WDG.js";
+import "../__chunks/I6MSISV2.js";
+import "../__chunks/S67MTDSB.js";
+import "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import "../__chunks/4R3V3JGP.js";
 
 // src/tab/tab-provider.tsx

package/esm/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/esm/tab/tab-store.js

@@ -2,20 +2,20 @@
 import {
   useTabStore,
   useTabStoreProps
-} 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";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/ZVORRLXS.js";
+import "../__chunks/WJUQFF4Z.js";
+import "../__chunks/OFHTR2QK.js";
+import "../__chunks/HVBTERMS.js";
+import "../__chunks/DYZ3QKCZ.js";
+import "../__chunks/RA2MZPUM.js";
+import "../__chunks/J4JPXPLD.js";
+import "../__chunks/THGRQCVD.js";
+import "../__chunks/UUT76IPH.js";
+import "../__chunks/JS4W7WDG.js";
+import "../__chunks/I6MSISV2.js";
+import "../__chunks/S67MTDSB.js";
+import "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   useTabStore,

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

@@ -1,31 +1,33 @@
 "use client";
+import {
+  useTabScopedContext
+} from "../__chunks/ZXQSHM2S.js";
 import {
   CompositeItem,
   useCompositeItem
-} from "../__chunks/R33ISPJY.js";
-import "../__chunks/PJ7ERAIM.js";
-import "../__chunks/IFMAUEA7.js";
-import {
-  useTabScopedContext
-} from "../__chunks/VFICFWOQ.js";
+} from "../__chunks/6M3KVYNV.js";
+import "../__chunks/FXHYBSGZ.js";
+import "../__chunks/57DQFKOT.js";
 import "../__chunks/3IEDWLST.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/7JCFLN3D.js";
-import "../__chunks/SHA3WOPI.js";
+import "../__chunks/RA2MZPUM.js";
+import "../__chunks/J4JPXPLD.js";
+import "../__chunks/CGG6F755.js";
+import "../__chunks/SWN3JYXT.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "../__chunks/GUCZNEAD.js";
-import "../__chunks/PWUXK5IM.js";
+} from "../__chunks/I6MSISV2.js";
+import {
+  useStoreState
+} from "../__chunks/S67MTDSB.js";
 import {
   useEvent,
   useId,
   useWrapElement
-} from "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import {
   __objRest,
   __spreadProps,
@@ -79,8 +81,11 @@ var useTab = createHook(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;
+  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 = useWrapElement(
     props,
     (element) => {
@@ -89,7 +94,7 @@ var useTab = createHook(function useTab2(_a) {
       const defaultProps = {
         id,
         store: store.composite,
-        shouldRegisterItem: selected && shouldRegisterItem,
+        shouldRegisterItem: canRegisterComposedItem && shouldRegisterItem,
         render: element
       };
       return /* @__PURE__ */ jsx(
@@ -99,8 +104,17 @@ var useTab = createHook(function useTab2(_a) {
         })
       );
     },
-    [store, id, selected, shouldRegisterItem]
+    [store, id, canRegisterComposedItem, shouldRegisterItem]
+  );
+  const isWithinVirtualFocusComposite = useStoreState(
+    store.combobox || store.composite,
+    "virtualFocus"
   );
+  if (isWithinVirtualFocusComposite) {
+    props = __spreadProps(__spreadValues({}, props), {
+      tabIndex: -1
+    });
+  }
   props = __spreadProps(__spreadValues({
     id,
     role: "tab",