@ariakit/react-core 0.4.5 → 0.4.7

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;
 };
 /**
@@ -45,7 +41,9 @@ export interface TabStoreOptions extends Omit<Core.TabStoreOptions, "composite"
      * changes.
      *
      * Live examples:
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      */
     setSelectedId?: (selectedId: TabStoreState["selectedId"]) => void;
     /**
@@ -56,7 +54,7 @@ export interface TabStoreOptions extends Omit<Core.TabStoreOptions, "composite"
      * [Select](https://ariakit.org/components/select).
      *
      * Live examples:
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
      */
     composite?: CompositeStore | null;
     /**
@@ -66,7 +64,7 @@ export interface TabStoreOptions extends Omit<Core.TabStoreOptions, "composite"
      * [Combobox](https://ariakit.org/components/combobox).
      *
      * Live examples:
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
      */
     combobox?: ComboboxStore | null;
 }

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/HOOW7GH2.js";
+import "../__chunks/3L4UCDWT.js";
+import "../__chunks/FXF6FFAU.js";
+import "../__chunks/WH6Q5C3D.js";
+import "../__chunks/X3TS2MQG.js";
+import "../__chunks/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
+import "../__chunks/URSEQETI.js";
+import "../__chunks/J7UNXP2A.js";
+import "../__chunks/SJ5YBTFK.js";
+import "../__chunks/YIF72NQG.js";
+import "../__chunks/DTNGDFNU.js";
+import "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.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/VFICFWOQ.js";
+} from "../__chunks/XHMHIT7V.js";
 import {
   CompositeItem,
   useCompositeItem
-} from "../__chunks/VGORKDMQ.js";
-import "../__chunks/IFMAUEA7.js";
-import "../__chunks/PJ7ERAIM.js";
+} from "../__chunks/UN4MKOLN.js";
+import "../__chunks/OEBCGVCG.js";
+import "../__chunks/5EKYTDKF.js";
 import "../__chunks/3IEDWLST.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/7JCFLN3D.js";
-import "../__chunks/SHA3WOPI.js";
+import "../__chunks/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
+import "../__chunks/DYAGAZRT.js";
+import "../__chunks/SWN3JYXT.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "../__chunks/GUCZNEAD.js";
-import "../__chunks/PWUXK5IM.js";
+} from "../__chunks/YIF72NQG.js";
+import {
+  useStoreState
+} from "../__chunks/DTNGDFNU.js";
 import {
   useEvent,
   useId,
   useWrapElement
-} from "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import {
   __objRest,
   __spreadProps,
@@ -33,8 +35,8 @@ import {
 } from "../__chunks/4R3V3JGP.js";
 
 // src/tab/tab.tsx
-import { useCallback } from "react";
 import { disabledFromProps, invariant } from "@ariakit/core/utils/misc";
+import { useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "button";
 var useTab = createHook(function useTab2(_a) {
@@ -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 shouldRegisterItem = defaultId ? props.shouldRegisterItem : false;
+  const isActive = store.useState((state) => !!id && state.activeId === id);
   const selected = store.useState((state) => !!id && state.selectedId === id);
-  const shouldRegisterItem = !!defaultId ? props.shouldRegisterItem : false;
+  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",

package/esm/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>;
 /**

package/esm/tag/tag-context.js

@@ -7,12 +7,12 @@ import {
   useTagContext,
   useTagProviderContext,
   useTagScopedContext
-} from "../__chunks/WYDDZRWN.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/GUCZNEAD.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/F6GOJSFF.js";
+import "../__chunks/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
+import "../__chunks/YIF72NQG.js";
+import "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   TagContextProvider,

package/esm/tag/tag-input.d.ts

@@ -1,8 +1,8 @@
-import type { ChangeEvent, ClipboardEvent, ElementType, KeyboardEvent, SyntheticEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
-import type { CompositeItemOptions } from "../composite/composite-item.js";
-import type { Props } from "../utils/types.js";
-import type { TagStore } from "./tag-store.js";
+import type { ChangeEvent, ClipboardEvent, ElementType, KeyboardEvent, SyntheticEvent } from "react";
+import type { CompositeItemOptions } from "../composite/composite-item.tsx";
+import type { Props } from "../utils/types.ts";
+import type { TagStore } from "./tag-store.ts";
 declare const TagName = "input";
 type TagName = typeof TagName;
 type EventWithValues<T extends SyntheticEvent> = T & {
@@ -17,7 +17,7 @@ type EventWithValues<T extends SyntheticEvent> = T & {
  * <Role.input {...props} />
  * ```
  */
-export declare const useTagInput: import("../utils/types.js").Hook<"input", TagInputOptions<"input">>;
+export declare const useTagInput: import("../utils/types.ts").Hook<"input", TagInputOptions<"input">>;
 /**
  * Renders an input element within a
  * [`TagList`](https://ariakit.org/reference/tag-list) component. This component

package/esm/tag/tag-input.js

@@ -1,29 +1,29 @@
 "use client";
 import {
   useCompositeItem
-} from "../__chunks/VGORKDMQ.js";
-import "../__chunks/IFMAUEA7.js";
-import "../__chunks/PJ7ERAIM.js";
+} from "../__chunks/UN4MKOLN.js";
+import "../__chunks/OEBCGVCG.js";
+import "../__chunks/5EKYTDKF.js";
 import {
   useTagContext
-} from "../__chunks/WYDDZRWN.js";
+} from "../__chunks/F6GOJSFF.js";
 import "../__chunks/3IEDWLST.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/7JCFLN3D.js";
-import "../__chunks/SHA3WOPI.js";
+import "../__chunks/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
+import "../__chunks/DYAGAZRT.js";
+import "../__chunks/SWN3JYXT.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GUCZNEAD.js";
-import "../__chunks/PWUXK5IM.js";
+} from "../__chunks/YIF72NQG.js";
+import "../__chunks/DTNGDFNU.js";
 import {
   useBooleanEvent,
   useEvent,
   useMergeRefs
-} from "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import {
   __objRest,
   __spreadProps,

package/esm/tag/tag-list-label.d.ts

@@ -1,7 +1,7 @@
 import type { ElementType } from "react";
-import type { CompositeOptions } from "../composite/composite.jsx";
-import type { Props } from "../utils/types.js";
-import type { TagStore } from "./tag-store.js";
+import type { CompositeOptions } from "../composite/composite.tsx";
+import type { Props } from "../utils/types.ts";
+import type { TagStore } from "./tag-store.ts";
 declare const TagName = "label";
 type TagName = typeof TagName;
 /**
@@ -13,7 +13,7 @@ type TagName = typeof TagName;
  * <Role.label {...props} />
  * ```
  */
-export declare const useTagListLabel: import("../utils/types.js").Hook<"label", TagListLabelOptions<"label">>;
+export declare const useTagListLabel: import("../utils/types.ts").Hook<"label", TagListLabelOptions<"label">>;
 /**
  * Renders a label element for the
  * [`TagInput`](https://ariakit.org/reference/tag-input) and also acts as the

package/esm/tag/tag-list-label.js

@@ -1,19 +1,19 @@
 "use client";
 import {
   useTagContext
-} from "../__chunks/WYDDZRWN.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
+} from "../__chunks/F6GOJSFF.js";
+import "../__chunks/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GUCZNEAD.js";
+} from "../__chunks/YIF72NQG.js";
 import {
   useId,
   useMergeRefs
-} from "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import {
   __objRest,
   __spreadProps,

package/esm/tag/tag-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 { TagStore } from "./tag-store.js";
+import type { CompositeOptions } from "../composite/composite.tsx";
+import type { Props } from "../utils/types.ts";
+import type { TagStore } from "./tag-store.ts";
 declare const TagName = "div";
 type TagName = typeof TagName;
 /**
@@ -13,7 +13,7 @@ type TagName = typeof TagName;
  * <Role.div {...props} />
  * ```
  */
-export declare const useTagList: import("../utils/types.js").Hook<"div", TagListOptions<"div">>;
+export declare const useTagList: import("../utils/types.ts").Hook<"div", TagListOptions<"div">>;
 /**
  * Renders a wrapper for [`Tag`](https://ariakit.org/reference/tag) and
  * [`TagInput`](https://ariakit.org/reference/tag-input) components. This

package/esm/tag/tag-list.js

@@ -1,29 +1,29 @@
 "use client";
 import {
   useTouchDevice
-} from "../__chunks/L7IM35RU.js";
+} from "../__chunks/FPWVE2AH.js";
 import {
   TagScopedContextProvider,
   useTagProviderContext
-} from "../__chunks/WYDDZRWN.js";
+} from "../__chunks/F6GOJSFF.js";
 import {
   useComposite
-} from "../__chunks/CDZXDIC7.js";
+} from "../__chunks/QMBMAMY2.js";
 import "../__chunks/3IEDWLST.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/7JCFLN3D.js";
-import "../__chunks/SHA3WOPI.js";
+import "../__chunks/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
+import "../__chunks/DYAGAZRT.js";
+import "../__chunks/SWN3JYXT.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GUCZNEAD.js";
+} from "../__chunks/YIF72NQG.js";
 import {
   useEvent,
   useWrapElement
-} from "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import {
   __objRest,
   __spreadProps,

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

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

package/esm/tag/tag-provider.js

@@ -1,18 +1,18 @@
 "use client";
 import {
   useTagStore
-} from "../__chunks/QNNHZL3W.js";
+} from "../__chunks/PVRT36VL.js";
 import {
   TagContextProvider
-} from "../__chunks/WYDDZRWN.js";
-import "../__chunks/ZR5N62ZV.js";
-import "../__chunks/LGWSZOP2.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/GUCZNEAD.js";
-import "../__chunks/PWUXK5IM.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/F6GOJSFF.js";
+import "../__chunks/WH6Q5C3D.js";
+import "../__chunks/X3TS2MQG.js";
+import "../__chunks/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
+import "../__chunks/YIF72NQG.js";
+import "../__chunks/DTNGDFNU.js";
+import "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import "../__chunks/4R3V3JGP.js";
 
 // src/tag/tag-provider.tsx

package/esm/tag/tag-remove.d.ts

@@ -1,7 +1,7 @@
-import type { ElementType, MouseEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
-import type { Options, Props } from "../utils/types.js";
-import type { TagStore } from "./tag-store.js";
+import type { ElementType, MouseEvent } from "react";
+import type { Options, Props } from "../utils/types.ts";
+import type { TagStore } from "./tag-store.ts";
 declare const TagName = "button";
 type TagName = typeof TagName;
 type HTMLType = HTMLElementTagNameMap[TagName];
@@ -14,7 +14,7 @@ type HTMLType = HTMLElementTagNameMap[TagName];
  * <Role.button {...props} />
  * ```
  */
-export declare const useTagRemove: import("../utils/types.js").Hook<"button", TagRemoveOptions<"button">>;
+export declare const useTagRemove: import("../utils/types.ts").Hook<"button", TagRemoveOptions<"button">>;
 /**
  * Renders a `Backspace` icon inside a
  * [`Tag`](https://ariakit.org/reference/tag) component that removes the tag

package/esm/tag/tag-remove.js

@@ -1,28 +1,28 @@
 "use client";
 import {
   useTouchDevice
-} from "../__chunks/L7IM35RU.js";
+} from "../__chunks/FPWVE2AH.js";
 import {
   TagRemoveIdContext,
   TagValueContext,
   useTagContext
-} from "../__chunks/WYDDZRWN.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
+} from "../__chunks/F6GOJSFF.js";
+import "../__chunks/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
 import {
   Role
-} from "../__chunks/4MFOHMLS.js";
+} from "../__chunks/DGQNUP7F.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GUCZNEAD.js";
+} from "../__chunks/YIF72NQG.js";
 import {
   useBooleanEvent,
   useEvent,
   useId
-} from "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import {
   __objRest,
   __spreadProps,
@@ -30,8 +30,8 @@ import {
 } from "../__chunks/4R3V3JGP.js";
 
 // src/tag/tag-remove.tsx
-import { useContext, useEffect } from "react";
 import { invariant } from "@ariakit/core/utils/misc";
+import { useContext, useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var TagName = "button";
 var useTagRemove = createHook(

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

@@ -1,6 +1,6 @@
 import * as Core from "@ariakit/core/tag/tag-store";
-import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
-import type { Store } from "../utils/store.js";
+import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
+import type { Store } from "../utils/store.tsx";
 export declare function useTagStoreProps<T extends Core.TagStore>(store: T, update: () => void, props: TagStoreProps): T;
 /**
  * Creates a tag store to control the state of

package/esm/tag/tag-store.js

@@ -2,12 +2,12 @@
 import {
   useTagStore,
   useTagStoreProps
-} from "../__chunks/QNNHZL3W.js";
-import "../__chunks/ZR5N62ZV.js";
-import "../__chunks/LGWSZOP2.js";
-import "../__chunks/PWUXK5IM.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/PVRT36VL.js";
+import "../__chunks/WH6Q5C3D.js";
+import "../__chunks/X3TS2MQG.js";
+import "../__chunks/DTNGDFNU.js";
+import "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   useTagStore,

package/esm/tag/tag-value.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { TagStore, TagStoreState } from "./tag-store.js";
+import type { TagStore, TagStoreState } from "./tag-store.ts";
 /**
  * Renders the current
  * [`value`](https://ariakit.org/reference/use-tag-store#value) state in

package/esm/tag/tag-value.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   useTagContext
-} from "../__chunks/WYDDZRWN.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/GUCZNEAD.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/F6GOJSFF.js";
+import "../__chunks/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
+import "../__chunks/YIF72NQG.js";
+import "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import "../__chunks/4R3V3JGP.js";
 
 // src/tag/tag-value.tsx

package/esm/tag/tag-values.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { TagStore, TagStoreState } from "./tag-store.js";
+import type { TagStore, TagStoreState } from "./tag-store.ts";
 /**
  * Renders the current
  * [`values`](https://ariakit.org/reference/use-tag-store#values) state in the

package/esm/tag/tag-values.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   useTagContext
-} from "../__chunks/WYDDZRWN.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/GUCZNEAD.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/F6GOJSFF.js";
+import "../__chunks/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
+import "../__chunks/YIF72NQG.js";
+import "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import "../__chunks/4R3V3JGP.js";
 
 // src/tag/tag-values.tsx

package/esm/tag/tag.d.ts

@@ -1,8 +1,8 @@
-import type { ElementType, KeyboardEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
-import type { CompositeItemOptions } from "../composite/composite-item.js";
-import type { Props } from "../utils/types.js";
-import type { TagStore } from "./tag-store.js";
+import type { ElementType, KeyboardEvent } from "react";
+import type { CompositeItemOptions } from "../composite/composite-item.tsx";
+import type { Props } from "../utils/types.ts";
+import type { TagStore } from "./tag-store.ts";
 declare const TagName = "div";
 type TagName = typeof TagName;
 type HTMLType = HTMLElementTagNameMap[TagName];
@@ -15,7 +15,7 @@ type HTMLType = HTMLElementTagNameMap[TagName];
  * <Role.div {...props} />
  * ```
  */
-export declare const useTag: import("../utils/types.js").Hook<"div", TagOptions<"div">>;
+export declare const useTag: import("../utils/types.ts").Hook<"div", TagOptions<"div">>;
 /**
  * Renders a tag element inside a
  * [`TagList`](https://ariakit.org/reference/tag-list) wrapper.