@ariakit/react-core 0.4.1 → 0.4.3

package/cjs/select/select-separator.cjs

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _STYNL4LLcjs = require('../__chunks/STYNL4LL.cjs');
+var _HZDOLHROcjs = require('../__chunks/HZDOLHRO.cjs');
 
 
-var _AIKNQVVLcjs = require('../__chunks/AIKNQVVL.cjs');
-require('../__chunks/FG4Y7VYM.cjs');
-require('../__chunks/4XFLDG56.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/FNVFJ5AF.cjs');
-require('../__chunks/OLPMMKKO.cjs');
-require('../__chunks/XRJBC7H7.cjs');
+var _RGSJYRTCcjs = require('../__chunks/RGSJYRTC.cjs');
+require('../__chunks/IDFJXUSF.cjs');
+require('../__chunks/VPI3EKVY.cjs');
+require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/77BAEZ2Z.cjs');
+require('../__chunks/GDEDCFNU.cjs');
+require('../__chunks/NTNMOEWE.cjs');
 
 
 
 
-var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _NGD3IQDBcjs = require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
 
@@ -25,18 +25,18 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/select/select-separator.ts
 var TagName = "hr";
-var useSelectSeparator = _Q67LZMDTcjs.createHook.call(void 0, 
+var useSelectSeparator = _NGD3IQDBcjs.createHook.call(void 0, 
   function useSelectSeparator2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _STYNL4LLcjs.useSelectContext.call(void 0, );
+    const context = _HZDOLHROcjs.useSelectContext.call(void 0, );
     store = store || context;
-    props = _AIKNQVVLcjs.useCompositeSeparator.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _RGSJYRTCcjs.useCompositeSeparator.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var SelectSeparator = _Q67LZMDTcjs.forwardRef.call(void 0, function SelectSeparator2(props) {
+var SelectSeparator = _NGD3IQDBcjs.forwardRef.call(void 0, function SelectSeparator2(props) {
   const htmlProps = useSelectSeparator(props);
-  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/select/select-store.cjs

@@ -2,24 +2,24 @@
 
 
 
-var _XPNDTO4Ncjs = require('../__chunks/XPNDTO4N.cjs');
-require('../__chunks/OBT2YMBC.cjs');
-require('../__chunks/LUL2YWZ3.cjs');
-require('../__chunks/CDNJPIEG.cjs');
-require('../__chunks/4XFLDG56.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/FNVFJ5AF.cjs');
-require('../__chunks/OLPMMKKO.cjs');
-require('../__chunks/XRJBC7H7.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/GOS3JJKQ.cjs');
-require('../__chunks/AD7LA3CE.cjs');
-require('../__chunks/QJZAESAR.cjs');
-require('../__chunks/OLOZ5JT2.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _YCVXZJ5Acjs = require('../__chunks/YCVXZJ5A.cjs');
+require('../__chunks/2IJSEADJ.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/6RJSKW2C.cjs');
+require('../__chunks/V3ZO7ICA.cjs');
+require('../__chunks/N6YOHUBI.cjs');
+require('../__chunks/GXMZA6DT.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useSelectStore = _XPNDTO4Ncjs.useSelectStore; exports.useSelectStoreProps = _XPNDTO4Ncjs.useSelectStoreProps;
+exports.useSelectStore = _YCVXZJ5Acjs.useSelectStore; exports.useSelectStoreProps = _YCVXZJ5Acjs.useSelectStoreProps;

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

@@ -42,9 +42,12 @@ export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValu
      * Live examples:
      * - [Form with Select](https://ariakit.org/examples/form-select)
      * - [Select Grid](https://ariakit.org/examples/select-grid)
-     * - [Select with custom items](https://ariakit.org/examples/select-item-custom)
+     * - [Select with custom
+     *   items](https://ariakit.org/examples/select-item-custom)
      * - [Multi-Select](https://ariakit.org/examples/select-multiple)
      * - [Toolbar with Select](https://ariakit.org/examples/toolbar-select)
+     * - [Select with Next.js App
+     *   Router](https://ariakit.org/examples/select-next-router)
      */
     setValue?: BivariantCallback<(value: SelectStoreState<T>["value"]) => void>;
     /**

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

@@ -42,9 +42,12 @@ export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValu
      * Live examples:
      * - [Form with Select](https://ariakit.org/examples/form-select)
      * - [Select Grid](https://ariakit.org/examples/select-grid)
-     * - [Select with custom items](https://ariakit.org/examples/select-item-custom)
+     * - [Select with custom
+     *   items](https://ariakit.org/examples/select-item-custom)
      * - [Multi-Select](https://ariakit.org/examples/select-multiple)
      * - [Toolbar with Select](https://ariakit.org/examples/toolbar-select)
+     * - [Select with Next.js App
+     *   Router](https://ariakit.org/examples/select-next-router)
      */
     setValue?: BivariantCallback<(value: SelectStoreState<T>["value"]) => void>;
     /**

package/cjs/select/select-value.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _HZDOLHROcjs = require('../__chunks/HZDOLHRO.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');
+
+
+var _GXMZA6DTcjs = require('../__chunks/GXMZA6DT.cjs');
+require('../__chunks/TW3SFX4C.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
+
+// src/select/select-value.tsx
+function SelectValue({
+  store,
+  fallback,
+  children
+} = {}) {
+  const context = _HZDOLHROcjs.useSelectContext.call(void 0, );
+  store = store || context;
+  const value = _GXMZA6DTcjs.useStoreState.call(void 0, store, (state) => (state == null ? void 0 : state.value) || fallback);
+  if (children) {
+    return children(value || "");
+  }
+  return value;
+}
+
+
+exports.SelectValue = SelectValue;

package/cjs/select/select-value.d.cts

@@ -0,0 +1,79 @@
+import type { ReactNode } from "react";
+import type { PickRequired, ToPrimitive } from "@ariakit/core/utils/types";
+import type { SelectStore, SelectStoreValue } from "./select-store.js";
+type Value = SelectStoreValue;
+/**
+ * Renders the current
+ * [`value`](https://ariakit.org/reference/use-select-store#value) state in the
+ * [select store](https://ariakit.org/reference/use-select-store).
+ *
+ * As a headless value component, it doesn't render any DOM elements and
+ * therefore doesn't accept HTML props. It can optionally accept a
+ * [`fallback`](https://ariakit.org/reference/select-value#fallback) prop to use
+ * as a default value if the store's
+ * [`value`](https://ariakit.org/reference/use-select-store#value) is
+ * `undefined`.
+ *
+ * Additionally, it takes a `children` function that gets called with the
+ * current value as an argument. This feature is handy for renderind the value
+ * in a custom way.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx {3}
+ * <SelectProvider>
+ *   <Select>
+ *     <SelectValue fallback="Select a value" />
+ *     <SelectArrow />
+ *   </Select>
+ *   <SelectPopover>
+ *     <SelectItem value="Apple" />
+ *     <SelectItem value="Banana" />
+ *     <SelectItem value="Orange" />
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ * @example
+ * ```jsx {1-3,7}
+ * function renderValue(value) {
+ *   // render custom JSX
+ * }
+ *
+ * <SelectProvider>
+ *   <Select>
+ *     <SelectValue>{renderValue}</SelectValue>
+ *     <SelectArrow />
+ *   </Select>
+ *   <SelectPopover>
+ *     <SelectItem value="Apple" />
+ *     <SelectItem value="Banana" />
+ *     <SelectItem value="Orange" />
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ */
+export declare function SelectValue<T extends Value = Value>(props: PickRequired<SelectValueProps<T>, "fallback">): T;
+export declare function SelectValue(props?: SelectValueProps): Value;
+export interface SelectValueProps<T extends Value = Value> {
+    /**
+     * Object returned by the
+     * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
+     * not provided, the parent
+     * [`SelectList`](https://ariakit.org/reference/select-list) or
+     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components'
+     * context will be used.
+     */
+    store?: SelectStore<T>;
+    /**
+     * The value to use as a default if the store's
+     * [`value`](https://ariakit.org/reference/use-select-store#value) is
+     * `undefined`.
+     * @default ""
+     */
+    fallback?: T;
+    /**
+     * A function that gets called with the current value as an argument. This
+     * feature is handy for renderind the value in a custom way.
+     */
+    children?: (value: ToPrimitive<T>) => ReactNode;
+}
+export {};

package/cjs/select/select-value.d.ts

@@ -0,0 +1,79 @@
+import type { ReactNode } from "react";
+import type { PickRequired, ToPrimitive } from "@ariakit/core/utils/types";
+import type { SelectStore, SelectStoreValue } from "./select-store.js";
+type Value = SelectStoreValue;
+/**
+ * Renders the current
+ * [`value`](https://ariakit.org/reference/use-select-store#value) state in the
+ * [select store](https://ariakit.org/reference/use-select-store).
+ *
+ * As a headless value component, it doesn't render any DOM elements and
+ * therefore doesn't accept HTML props. It can optionally accept a
+ * [`fallback`](https://ariakit.org/reference/select-value#fallback) prop to use
+ * as a default value if the store's
+ * [`value`](https://ariakit.org/reference/use-select-store#value) is
+ * `undefined`.
+ *
+ * Additionally, it takes a `children` function that gets called with the
+ * current value as an argument. This feature is handy for renderind the value
+ * in a custom way.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx {3}
+ * <SelectProvider>
+ *   <Select>
+ *     <SelectValue fallback="Select a value" />
+ *     <SelectArrow />
+ *   </Select>
+ *   <SelectPopover>
+ *     <SelectItem value="Apple" />
+ *     <SelectItem value="Banana" />
+ *     <SelectItem value="Orange" />
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ * @example
+ * ```jsx {1-3,7}
+ * function renderValue(value) {
+ *   // render custom JSX
+ * }
+ *
+ * <SelectProvider>
+ *   <Select>
+ *     <SelectValue>{renderValue}</SelectValue>
+ *     <SelectArrow />
+ *   </Select>
+ *   <SelectPopover>
+ *     <SelectItem value="Apple" />
+ *     <SelectItem value="Banana" />
+ *     <SelectItem value="Orange" />
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ */
+export declare function SelectValue<T extends Value = Value>(props: PickRequired<SelectValueProps<T>, "fallback">): T;
+export declare function SelectValue(props?: SelectValueProps): Value;
+export interface SelectValueProps<T extends Value = Value> {
+    /**
+     * Object returned by the
+     * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
+     * not provided, the parent
+     * [`SelectList`](https://ariakit.org/reference/select-list) or
+     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components'
+     * context will be used.
+     */
+    store?: SelectStore<T>;
+    /**
+     * The value to use as a default if the store's
+     * [`value`](https://ariakit.org/reference/use-select-store#value) is
+     * `undefined`.
+     * @default ""
+     */
+    fallback?: T;
+    /**
+     * A function that gets called with the current value as an argument. This
+     * feature is handy for renderind the value in a custom way.
+     */
+    children?: (value: ToPrimitive<T>) => ReactNode;
+}
+export {};

package/cjs/select/select.cjs

@@ -1,42 +1,42 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _WH5VAOIHcjs = require('../__chunks/WH5VAOIH.cjs');
-require('../__chunks/PIZ222UU.cjs');
-require('../__chunks/QCQVRINH.cjs');
-require('../__chunks/O45NLQRZ.cjs');
-require('../__chunks/M7WN4XJH.cjs');
+var _K6TBX2ZBcjs = require('../__chunks/K6TBX2ZB.cjs');
+require('../__chunks/BSEVPIKO.cjs');
+require('../__chunks/27SIFUY3.cjs');
+require('../__chunks/YH42XRHR.cjs');
+require('../__chunks/IXJIFLOA.cjs');
 
 
-var _BIK2473Zcjs = require('../__chunks/BIK2473Z.cjs');
-require('../__chunks/7UBOHCYJ.cjs');
+var _NZSB7HSZcjs = require('../__chunks/NZSB7HSZ.cjs');
+require('../__chunks/3C4RFBCG.cjs');
 
 
-var _XSRQB4KOcjs = require('../__chunks/XSRQB4KO.cjs');
+var _4LPJTV22cjs = require('../__chunks/4LPJTV22.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
 
 
 
-var _STYNL4LLcjs = require('../__chunks/STYNL4LL.cjs');
-require('../__chunks/Z7QK7V4M.cjs');
+var _HZDOLHROcjs = require('../__chunks/HZDOLHRO.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/4XFLDG56.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/FNVFJ5AF.cjs');
-require('../__chunks/OLPMMKKO.cjs');
-require('../__chunks/XRJBC7H7.cjs');
-require('../__chunks/XRZ2L7EA.cjs');
+require('../__chunks/VPI3EKVY.cjs');
+require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/77BAEZ2Z.cjs');
+require('../__chunks/GDEDCFNU.cjs');
+require('../__chunks/NTNMOEWE.cjs');
+require('../__chunks/FHRIPOYF.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
-var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('../__chunks/NGD3IQDB.cjs');
 
 
 
 
 
-var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
+var _TW3SFX4Ccjs = require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
 
@@ -74,7 +74,7 @@ function nextWithValue(store, next) {
     return nextItem == null ? void 0 : nextItem.id;
   };
 }
-var useSelect = _Q67LZMDTcjs.createHook.call(void 0, function useSelect2(_a) {
+var useSelect = _NGD3IQDBcjs.createHook.call(void 0, function useSelect2(_a) {
   var _b = _a, {
     store,
     name,
@@ -94,7 +94,7 @@ var useSelect = _Q67LZMDTcjs.createHook.call(void 0, function useSelect2(_a) {
     "toggleOnClick",
     "toggleOnPress"
   ]);
-  const context = _STYNL4LLcjs.useSelectProviderContext.call(void 0, );
+  const context = _HZDOLHROcjs.useSelectProviderContext.call(void 0, );
   store = store || context;
   _misc.invariant.call(void 0, 
     store,
@@ -102,14 +102,14 @@ var useSelect = _Q67LZMDTcjs.createHook.call(void 0, function useSelect2(_a) {
   );
   toggleOnPress = toggleOnClick ? false : toggleOnPress;
   const onKeyDownProp = props.onKeyDown;
-  const showOnKeyDownProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, showOnKeyDown);
-  const moveOnKeyDownProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, moveOnKeyDown);
-  const toggleOnPressProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, toggleOnPress);
+  const showOnKeyDownProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, showOnKeyDown);
+  const moveOnKeyDownProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, moveOnKeyDown);
+  const toggleOnPressProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, toggleOnPress);
   const placement = store.useState("placement");
   const dir = placement.split("-")[0];
   const value = store.useState("value");
   const multiSelectable = Array.isArray(value);
-  const onKeyDown = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+  const onKeyDown = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
     var _a2;
     onKeyDownProp == null ? void 0 : onKeyDownProp(event);
     if (event.defaultPrevented)
@@ -154,7 +154,7 @@ var useSelect = _Q67LZMDTcjs.createHook.call(void 0, function useSelect2(_a) {
     }
   });
   const onMouseDownProp = props.onMouseDown;
-  const onMouseDown = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+  const onMouseDown = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
     onMouseDownProp == null ? void 0 : onMouseDownProp(event);
     if (event.defaultPrevented)
       return;
@@ -170,9 +170,9 @@ var useSelect = _Q67LZMDTcjs.createHook.call(void 0, function useSelect2(_a) {
       store == null ? void 0 : store.toggle();
     });
   });
-  props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
+  props = _TW3SFX4Ccjs.useWrapElement.call(void 0, 
     props,
-    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _STYNL4LLcjs.SelectScopedContextProvider, { value: store, children: element }),
+    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HZDOLHROcjs.SelectScopedContextProvider, { value: store, children: element }),
     [store]
   );
   const [autofill, setAutofill] = _react.useState.call(void 0, false);
@@ -198,7 +198,7 @@ var useSelect = _Q67LZMDTcjs.createHook.call(void 0, function useSelect2(_a) {
   const values = _react.useMemo.call(void 0, () => {
     return [...new Set(items == null ? void 0 : items.map((i) => i.value).filter((v) => v != null))];
   }, [items]);
-  props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
+  props = _TW3SFX4Ccjs.useWrapElement.call(void 0, 
     props,
     (element) => {
       if (!name)
@@ -267,7 +267,7 @@ var useSelect = _Q67LZMDTcjs.createHook.call(void 0, function useSelect2(_a) {
   );
   const children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     value,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _BIK2473Zcjs.SelectArrow, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NZSB7HSZcjs.SelectArrow, {})
   ] });
   const contentElement = store.useState("contentElement");
   props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
@@ -279,17 +279,17 @@ var useSelect = _Q67LZMDTcjs.createHook.call(void 0, function useSelect2(_a) {
     "data-name": name,
     children
   }, props), {
-    ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, store.setSelectElement, props.ref),
+    ref: _TW3SFX4Ccjs.useMergeRefs.call(void 0, store.setSelectElement, props.ref),
     onKeyDown,
     onMouseDown
   });
-  props = _WH5VAOIHcjs.usePopoverDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, toggleOnClick }, props));
-  props = _XSRQB4KOcjs.useCompositeTypeahead.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+  props = _K6TBX2ZBcjs.usePopoverDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, toggleOnClick }, props));
+  props = _4LPJTV22cjs.useCompositeTypeahead.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
   return props;
 });
-var Select = _Q67LZMDTcjs.forwardRef.call(void 0, function Select2(props) {
+var Select = _NGD3IQDBcjs.forwardRef.call(void 0, function Select2(props) {
   const htmlProps = useSelect(props);
-  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/separator/separator.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _FG4Y7VYMcjs = require('../__chunks/FG4Y7VYM.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _IDFJXUSFcjs = require('../__chunks/IDFJXUSF.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Separator = _FG4Y7VYMcjs.Separator; exports.useSeparator = _FG4Y7VYMcjs.useSeparator;
+exports.Separator = _IDFJXUSFcjs.Separator; exports.useSeparator = _IDFJXUSFcjs.useSeparator;

package/cjs/tab/tab-context.cjs

@@ -5,11 +5,11 @@
 
 
 
-var _R3OO4M3Ncjs = require('../__chunks/R3OO4M3N.cjs');
-require('../__chunks/4XFLDG56.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _5CAFC273cjs = require('../__chunks/5CAFC273.cjs');
+require('../__chunks/VPI3EKVY.cjs');
+require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
@@ -18,4 +18,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.TabContextProvider = _R3OO4M3Ncjs.TabContextProvider; exports.TabScopedContextProvider = _R3OO4M3Ncjs.TabScopedContextProvider; exports.useTabContext = _R3OO4M3Ncjs.useTabContext; exports.useTabProviderContext = _R3OO4M3Ncjs.useTabProviderContext; exports.useTabScopedContext = _R3OO4M3Ncjs.useTabScopedContext;
+exports.TabContextProvider = _5CAFC273cjs.TabContextProvider; exports.TabScopedContextProvider = _5CAFC273cjs.TabScopedContextProvider; exports.useTabContext = _5CAFC273cjs.useTabContext; exports.useTabProviderContext = _5CAFC273cjs.useTabProviderContext; exports.useTabScopedContext = _5CAFC273cjs.useTabScopedContext;

package/cjs/tab/tab-list.cjs

@@ -2,23 +2,23 @@
 
 
 
-var _R3OO4M3Ncjs = require('../__chunks/R3OO4M3N.cjs');
+var _5CAFC273cjs = require('../__chunks/5CAFC273.cjs');
 
 
-var _T5YJMXLPcjs = require('../__chunks/T5YJMXLP.cjs');
+var _EKW5CERCcjs = require('../__chunks/EKW5CERC.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/4XFLDG56.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/XRZ2L7EA.cjs');
+require('../__chunks/VPI3EKVY.cjs');
+require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/FHRIPOYF.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
-var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('../__chunks/NGD3IQDB.cjs');
 
 
-var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
+var _TW3SFX4Ccjs = require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
 
@@ -29,10 +29,10 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
-var useTabList = _Q67LZMDTcjs.createHook.call(void 0, 
+var useTabList = _NGD3IQDBcjs.createHook.call(void 0, 
   function useTabList2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _R3OO4M3Ncjs.useTabProviderContext.call(void 0, );
+    const context = _5CAFC273cjs.useTabProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -41,22 +41,27 @@ var useTabList = _Q67LZMDTcjs.createHook.call(void 0,
     const orientation = store.useState(
       (state) => state.orientation === "both" ? void 0 : state.orientation
     );
-    props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
+    props = _TW3SFX4Ccjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _R3OO4M3Ncjs.TabScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5CAFC273cjs.TabScopedContextProvider, { value: store, children: element }),
       [store]
     );
+    if (store.composite) {
+      props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
+        focusable: false
+      }, props);
+    }
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
       role: "tablist",
       "aria-orientation": orientation
     }, props);
-    props = _T5YJMXLPcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _EKW5CERCcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var TabList = _Q67LZMDTcjs.forwardRef.call(void 0, function TabList2(props) {
+var TabList = _NGD3IQDBcjs.forwardRef.call(void 0, function TabList2(props) {
   const htmlProps = useTabList(props);
-  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
 });