@ariakit/react-core 0.4.5 → 0.4.6

package/CHANGELOG.md

@@ -1,5 +1,72 @@
 # @ariakit/react-core
 
+## 0.4.6
+
+### Nested `SelectList`
+
+The [`SelectList`](https://ariakit.org/reference/select-list) component can now be nested within a [`SelectPopover`](https://ariakit.org/reference/select-popover). This lets you render additional elements inside the popover without breaking the accessibility tree. The ARIA roles will be automatically adjusted to ensure a valid accessibility tree:
+
+```jsx {6-9}
+<SelectProvider>
+  <Select />
+  <SelectPopover>
+    <SelectHeading>Fruits</SelectHeading>
+    <SelectDismiss />
+    <SelectList>
+      <SelectItem value="Apple" />
+      <SelectItem value="Banana" />
+    </SelectList>
+  </SelectPopover>
+</SelectProvider>
+```
+
+### New Select components
+
+Two new components have been added to the [Select](https://ariakit.org/components/select) module: [`SelectHeading`](https://ariakit.org/reference/select-heading) and [`SelectDismiss`](https://ariakit.org/reference/select-dismiss).
+
+You can use them alongside [`SelectList`](https://ariakit.org/reference/select-list) to add a heading and a dismiss button to the select popover:
+
+```jsx {4,5}
+<SelectProvider>
+  <Select />
+  <SelectPopover>
+    <SelectHeading>Fruits</SelectHeading>
+    <SelectDismiss />
+    <SelectList>
+      <SelectItem value="Apple" />
+      <SelectItem value="Banana" />
+    </SelectList>
+  </SelectPopover>
+</SelectProvider>
+```
+
+### `--popover-transform-origin`
+
+The [Popover](https://ariakit.org/components/popover) components now expose a [`--popover-transform-origin`](https://ariakit.org/guide/styling#--popover-transform-origin) CSS variable. You can use this to set the `transform-origin` property for the popover content element in relation to the anchor element:
+
+```css
+.popover {
+  transform-origin: var(--popover-transform-origin);
+}
+```
+
+### Opening `SelectPopover` on click
+
+To ensure uniformity across all dropdown buttons in the library, the [`SelectPopover`](https://ariakit.org/reference/select-popover) now opens when you click on the [`Select`](https://ariakit.org/reference/select) component, instead of on mouse/touch/pointer down.
+
+This change also resolves a problem where the `:active` state wouldn't be triggered on the select button due to a focus change on mousedown.
+
+### Other updates
+
+- Fixed `ref` warning in React 19.
+- Ensured [Combobox](https://ariakit.org/components/combobox) uses roving tabindex to manage focus on mobile Safari.
+- Added a new `listElement` state to the Select store.
+- Improved use of [Tab](https://ariakit.org/components/tab) components within [Select](https://ariakit.org/components/select) widgets.
+- Fixed `data-focus-visible` being applied after a `blur` event.
+- Fixed composite items not scrolling into view in Safari.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/core@0.4.6`
+
 ## 0.4.5
 
 ### Multi-selectable Combobox with inline autocomplete

package/cjs/__chunks/2OIGSMIR.cjs

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _TCINLTVNcjs = require('./TCINLTVN.cjs');
+
+
+
+
+var _R2YVMKBRcjs = require('./R2YVMKBR.cjs');
+
+// src/popover/popover-description.tsx
+var TagName = "p";
+var usePopoverDescription = _R2YVMKBRcjs.createHook.call(void 0, function usePopoverDescription2(props) {
+  props = _TCINLTVNcjs.useDialogDescription.call(void 0, props);
+  return props;
+});
+var PopoverDescription = _R2YVMKBRcjs.forwardRef.call(void 0, function PopoverDescription2(props) {
+  const htmlProps = usePopoverDescription(props);
+  return _R2YVMKBRcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.usePopoverDescription = usePopoverDescription; exports.PopoverDescription = PopoverDescription;

package/cjs/__chunks/{XRPBWSUI.cjs → 3DWHCD7R.cjs}

@@ -2,15 +2,15 @@
 
 
 
-var _77BAEZ2Zcjs = require('./77BAEZ2Z.cjs');
+var _JE2SKI3Ecjs = require('./JE2SKI3E.cjs');
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _R2YVMKBRcjs = require('./R2YVMKBR.cjs');
 
 // src/hovercard/hovercard-context.tsx
-var ctx = _NGD3IQDBcjs.createStoreContext.call(void 0, 
-  [_77BAEZ2Zcjs.PopoverContextProvider],
-  [_77BAEZ2Zcjs.PopoverScopedContextProvider]
+var ctx = _R2YVMKBRcjs.createStoreContext.call(void 0, 
+  [_JE2SKI3Ecjs.PopoverContextProvider],
+  [_JE2SKI3Ecjs.PopoverScopedContextProvider]
 );
 var useHovercardContext = ctx.useContext;
 var useHovercardScopedContext = ctx.useScopedContext;

package/cjs/__chunks/{YCVXZJ5A.cjs → 3E3M36ON.cjs}

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _2IJSEADJcjs = require('./2IJSEADJ.cjs');
+var _EO4IBCRNcjs = require('./EO4IBCRN.cjs');
 
 
-var _4H5ZMMOIcjs = require('./4H5ZMMOI.cjs');
+var _WZ66574Ocjs = require('./WZ66574O.cjs');
 
 
-var _6RJSKW2Ccjs = require('./6RJSKW2C.cjs');
+var _3HDQJREUcjs = require('./3HDQJREU.cjs');
 
 
 
-var _GXMZA6DTcjs = require('./GXMZA6DT.cjs');
+var _IATQHLZTcjs = require('./IATQHLZT.cjs');
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+var _QFX6UW2Fcjs = require('./QFX6UW2F.cjs');
 
 
 
@@ -23,12 +23,12 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 // src/select/select-store.ts
 var _selectstore = require('@ariakit/core/select/select-store'); var Core = _interopRequireWildcard(_selectstore);
 function useSelectStoreProps(store, update, props) {
-  _TW3SFX4Ccjs.useUpdateEffect.call(void 0, update, [props.combobox]);
-  _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
-  _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "setValueOnMove");
+  _QFX6UW2Fcjs.useUpdateEffect.call(void 0, update, [props.combobox]);
+  _IATQHLZTcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _IATQHLZTcjs.useStoreProps.call(void 0, store, props, "setValueOnMove");
   return Object.assign(
-    _6RJSKW2Ccjs.usePopoverStoreProps.call(void 0, 
-      _4H5ZMMOIcjs.useCompositeStoreProps.call(void 0, store, update, props),
+    _3HDQJREUcjs.usePopoverStoreProps.call(void 0, 
+      _WZ66574Ocjs.useCompositeStoreProps.call(void 0, store, update, props),
       update,
       props
     ),
@@ -36,11 +36,11 @@ function useSelectStoreProps(store, update, props) {
   );
 }
 function useSelectStore(props = {}) {
-  const combobox = _2IJSEADJcjs.useComboboxProviderContext.call(void 0, );
+  const combobox = _EO4IBCRNcjs.useComboboxProviderContext.call(void 0, );
   props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     combobox: props.combobox !== void 0 ? props.combobox : combobox
   });
-  const [store, update] = _GXMZA6DTcjs.useStore.call(void 0, Core.createSelectStore, props);
+  const [store, update] = _IATQHLZTcjs.useStore.call(void 0, Core.createSelectStore, props);
   return useSelectStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{LY4LCJM6.cjs → 3HBRN3JL.cjs}

@@ -1,34 +1,34 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _EYZZO5ITcjs = require('./EYZZO5IT.cjs');
+var _Z5PM2CEMcjs = require('./Z5PM2CEM.cjs');
 
 
-var _HZDOLHROcjs = require('./HZDOLHRO.cjs');
+var _5VQNY2SRcjs = require('./5VQNY2SR.cjs');
 
 
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _R2YVMKBRcjs = require('./R2YVMKBR.cjs');
 
 
 
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
-// src/select/select-arrow.ts
+// src/select/select-arrow.tsx
 var TagName = "span";
-var useSelectArrow = _NGD3IQDBcjs.createHook.call(void 0, 
+var useSelectArrow = _R2YVMKBRcjs.createHook.call(void 0, 
   function useSelectArrow2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _HZDOLHROcjs.useSelectContext.call(void 0, );
+    const context = _5VQNY2SRcjs.useSelectContext.call(void 0, );
     store = store || context;
-    props = _EYZZO5ITcjs.usePopoverDisclosureArrow.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _Z5PM2CEMcjs.usePopoverDisclosureArrow.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var SelectArrow = _NGD3IQDBcjs.forwardRef.call(void 0, function SelectArrow2(props) {
+var SelectArrow = _R2YVMKBRcjs.forwardRef.call(void 0, function SelectArrow2(props) {
   const htmlProps = useSelectArrow(props);
-  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _R2YVMKBRcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{6RJSKW2C.cjs → 3HDQJREU.cjs}

@@ -1,24 +1,24 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _V3ZO7ICAcjs = require('./V3ZO7ICA.cjs');
+var _73ZRKUEDcjs = require('./73ZRKUED.cjs');
 
 
 
-var _GXMZA6DTcjs = require('./GXMZA6DT.cjs');
+var _IATQHLZTcjs = require('./IATQHLZT.cjs');
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+var _QFX6UW2Fcjs = require('./QFX6UW2F.cjs');
 
 // src/popover/popover-store.ts
 var _popoverstore = require('@ariakit/core/popover/popover-store'); var Core = _interopRequireWildcard(_popoverstore);
 function usePopoverStoreProps(store, update, props) {
-  _TW3SFX4Ccjs.useUpdateEffect.call(void 0, update, [props.popover]);
-  _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "placement");
-  return _V3ZO7ICAcjs.useDialogStoreProps.call(void 0, store, update, props);
+  _QFX6UW2Fcjs.useUpdateEffect.call(void 0, update, [props.popover]);
+  _IATQHLZTcjs.useStoreProps.call(void 0, store, props, "placement");
+  return _73ZRKUEDcjs.useDialogStoreProps.call(void 0, store, update, props);
 }
 function usePopoverStore(props = {}) {
-  const [store, update] = _GXMZA6DTcjs.useStore.call(void 0, Core.createPopoverStore, props);
+  const [store, update] = _IATQHLZTcjs.useStore.call(void 0, Core.createPopoverStore, props);
   return usePopoverStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{2BIO7R5N.cjs → 3LZQUHIB.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-// src/heading/heading-context.ts
+// src/heading/heading-context.tsx
 var _react = require('react');
 var HeadingContext = _react.createContext.call(void 0, 0);
 

package/cjs/__chunks/{N6YOHUBI.cjs → 3MSB6GZA.cjs}

@@ -2,22 +2,22 @@
 
 
 
-var _GXMZA6DTcjs = require('./GXMZA6DT.cjs');
+var _IATQHLZTcjs = require('./IATQHLZT.cjs');
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+var _QFX6UW2Fcjs = require('./QFX6UW2F.cjs');
 
 // src/disclosure/disclosure-store.ts
 var _disclosurestore = require('@ariakit/core/disclosure/disclosure-store'); var Core = _interopRequireWildcard(_disclosurestore);
 function useDisclosureStoreProps(store, update, props) {
-  _TW3SFX4Ccjs.useUpdateEffect.call(void 0, update, [props.store, props.disclosure]);
-  _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "open", "setOpen");
-  _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "mounted", "setMounted");
-  _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "animated");
+  _QFX6UW2Fcjs.useUpdateEffect.call(void 0, update, [props.store, props.disclosure]);
+  _IATQHLZTcjs.useStoreProps.call(void 0, store, props, "open", "setOpen");
+  _IATQHLZTcjs.useStoreProps.call(void 0, store, props, "mounted", "setMounted");
+  _IATQHLZTcjs.useStoreProps.call(void 0, store, props, "animated");
   return Object.assign(store, { disclosure: props.disclosure });
 }
 function useDisclosureStore(props = {}) {
-  const [store, update] = _GXMZA6DTcjs.useStore.call(void 0, Core.createDisclosureStore, props);
+  const [store, update] = _IATQHLZTcjs.useStore.call(void 0, Core.createDisclosureStore, props);
   return useDisclosureStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{S6JQDE4L.cjs → 3YTZN7MF.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _4H5ZMMOIcjs = require('./4H5ZMMOI.cjs');
+var _WZ66574Ocjs = require('./WZ66574O.cjs');
 
 
-var _GXMZA6DTcjs = require('./GXMZA6DT.cjs');
+var _IATQHLZTcjs = require('./IATQHLZT.cjs');
 
 // src/menubar/menubar-store.ts
 var _menubarstore = require('@ariakit/core/menubar/menubar-store'); var Core = _interopRequireWildcard(_menubarstore);
 function useMenubarStoreProps(store, update, props) {
-  return _4H5ZMMOIcjs.useCompositeStoreProps.call(void 0, store, update, props);
+  return _WZ66574Ocjs.useCompositeStoreProps.call(void 0, store, update, props);
 }
 function useMenubarStore(props = {}) {
-  const [store, update] = _GXMZA6DTcjs.useStore.call(void 0, Core.createMenubarStore, props);
+  const [store, update] = _IATQHLZTcjs.useStore.call(void 0, Core.createMenubarStore, props);
   return useMenubarStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{HD5AHCRI.cjs → 3Z76SMA3.cjs}

@@ -1,27 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _NEK2UEJNcjs = require('./NEK2UEJN.cjs');
+var _WKI4JZZHcjs = require('./WKI4JZZH.cjs');
 
 
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _R2YVMKBRcjs = require('./R2YVMKBR.cjs');
 
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+var _QFX6UW2Fcjs = require('./QFX6UW2F.cjs');
 
 
 
 
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
-// src/collection/collection-item.ts
+// src/collection/collection-item.tsx
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
 var TagName = "div";
-var useCollectionItem = _NGD3IQDBcjs.createHook.call(void 0, 
+var useCollectionItem = _R2YVMKBRcjs.createHook.call(void 0, 
   function useCollectionItem2(_a) {
     var _b = _a, {
       store,
@@ -35,9 +35,9 @@ var useCollectionItem = _NGD3IQDBcjs.createHook.call(void 0,
       // @ts-expect-error This prop may come from a collection renderer.
       "element"
     ]);
-    const context = _NEK2UEJNcjs.useCollectionContext.call(void 0, );
+    const context = _WKI4JZZHcjs.useCollectionContext.call(void 0, );
     store = store || context;
-    const id = _TW3SFX4Ccjs.useId.call(void 0, props.id);
+    const id = _QFX6UW2Fcjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, element);
     _react.useEffect.call(void 0, () => {
       const element2 = ref.current;
@@ -51,14 +51,14 @@ var useCollectionItem = _NGD3IQDBcjs.createHook.call(void 0,
       return store == null ? void 0 : store.renderItem(item);
     }, [id, shouldRegisterItem, getItem, store]);
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _TW3SFX4Ccjs.useMergeRefs.call(void 0, ref, props.ref)
+      ref: _QFX6UW2Fcjs.useMergeRefs.call(void 0, ref, props.ref)
     });
     return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var CollectionItem = _NGD3IQDBcjs.forwardRef.call(void 0, function CollectionItem2(props) {
+var CollectionItem = _R2YVMKBRcjs.forwardRef.call(void 0, function CollectionItem2(props) {
   const htmlProps = useCollectionItem(props);
-  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _R2YVMKBRcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{CVD2AZE2.cjs → 4LJ6O7GM.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-// src/portal/portal-context.ts
+// src/portal/portal-context.tsx
 var _react = require('react');
 var PortalContext = _react.createContext.call(void 0, null);
 

package/cjs/__chunks/{4H7FYXWQ.cjs → 4LX2WIBK.cjs}

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _JKERATCGcjs = require('./JKERATCG.cjs');
+var _7TN63K2Tcjs = require('./7TN63K2T.cjs');
 
 
-var _7TN63K2Tcjs = require('./7TN63K2T.cjs');
+var _JKERATCGcjs = require('./JKERATCG.cjs');
 
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+var _QFX6UW2Fcjs = require('./QFX6UW2F.cjs');
 
 
 
@@ -52,10 +52,10 @@ function useEventOutside({
   capture,
   domReady
 }) {
-  const callListener = _TW3SFX4Ccjs.useEvent.call(void 0, listener);
+  const callListener = _QFX6UW2Fcjs.useEvent.call(void 0, listener);
   const open = store.useState("open");
   const focusedRef = _react.useRef.call(void 0, false);
-  _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
+  _QFX6UW2Fcjs.useSafeLayoutEffect.call(void 0, () => {
     if (!open)
       return;
     if (!domReady)

package/cjs/__chunks/{2ERPIMJN.cjs → 4M3KKEPE.cjs}

@@ -1,28 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _422GLKBKcjs = require('./422GLKBK.cjs');
+var _SGYYAWSUcjs = require('./SGYYAWSU.cjs');
 
 
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _R2YVMKBRcjs = require('./R2YVMKBR.cjs');
 
 
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
-// src/form/form-group.ts
+// src/form/form-group.tsx
 var TagName = "div";
-var useFormGroup = _NGD3IQDBcjs.createHook.call(void 0, 
+var useFormGroup = _R2YVMKBRcjs.createHook.call(void 0, 
   function useFormGroup2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _422GLKBKcjs.useGroup.call(void 0, props);
+    props = _SGYYAWSUcjs.useGroup.call(void 0, props);
     return props;
   }
 );
-var FormGroup = _NGD3IQDBcjs.forwardRef.call(void 0, function FormGroup2(props) {
+var FormGroup = _R2YVMKBRcjs.forwardRef.call(void 0, function FormGroup2(props) {
   const htmlProps = useFormGroup(props);
-  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _R2YVMKBRcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{PE3KUHN6.cjs → 4VT6OX2R.cjs}

@@ -1,23 +1,23 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _AXNMZ6L6cjs = require('./AXNMZ6L6.cjs');
+var _UX3M5BHRcjs = require('./UX3M5BHR.cjs');
 
 
-var _CVD2AZE2cjs = require('./CVD2AZE2.cjs');
+var _4LJ6O7GMcjs = require('./4LJ6O7GM.cjs');
 
 
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _R2YVMKBRcjs = require('./R2YVMKBR.cjs');
 
 
 
 
-var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
+var _QFX6UW2Fcjs = require('./QFX6UW2F.cjs');
 
 
-var _CJDHQUBRcjs = require('./CJDHQUBR.cjs');
+var _U2WARLXRcjs = require('./U2WARLXR.cjs');
 
 
 
@@ -57,7 +57,7 @@ function queueFocus(element) {
     element == null ? void 0 : element.focus();
   });
 }
-var usePortal = _NGD3IQDBcjs.createHook.call(void 0, function usePortal2(_a) {
+var usePortal = _R2YVMKBRcjs.createHook.call(void 0, function usePortal2(_a) {
   var _b = _a, {
     preserveTabOrder,
     preserveTabOrderAnchor,
@@ -72,8 +72,8 @@ var usePortal = _NGD3IQDBcjs.createHook.call(void 0, function usePortal2(_a) {
     "portal"
   ]);
   const ref = _react.useRef.call(void 0, null);
-  const refProp = _TW3SFX4Ccjs.useMergeRefs.call(void 0, ref, props.ref);
-  const context = _react.useContext.call(void 0, _CVD2AZE2cjs.PortalContext);
+  const refProp = _QFX6UW2Fcjs.useMergeRefs.call(void 0, ref, props.ref);
+  const context = _react.useContext.call(void 0, _4LJ6O7GMcjs.PortalContext);
   const [portalNode, setPortalNode] = _react.useState.call(void 0, null);
   const [anchorPortalNode, setAnchorPortalNode] = _react.useState.call(void 0, 
     null
@@ -82,7 +82,7 @@ var usePortal = _NGD3IQDBcjs.createHook.call(void 0, function usePortal2(_a) {
   const innerBeforeRef = _react.useRef.call(void 0, null);
   const innerAfterRef = _react.useRef.call(void 0, null);
   const outerAfterRef = _react.useRef.call(void 0, null);
-  _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
+  _QFX6UW2Fcjs.useSafeLayoutEffect.call(void 0, () => {
     const element = ref.current;
     if (!element || !portal) {
       setPortalNode(null);
@@ -102,15 +102,15 @@ var usePortal = _NGD3IQDBcjs.createHook.call(void 0, function usePortal2(_a) {
       portalEl.id = element.id ? `portal/${element.id}` : getRandomId();
     }
     setPortalNode(portalEl);
-    _CJDHQUBRcjs.setRef.call(void 0, portalRef, portalEl);
+    _U2WARLXRcjs.setRef.call(void 0, portalRef, portalEl);
     if (isPortalInDocument)
       return;
     return () => {
       portalEl.remove();
-      _CJDHQUBRcjs.setRef.call(void 0, portalRef, null);
+      _U2WARLXRcjs.setRef.call(void 0, portalRef, null);
     };
   }, [portal, portalElement, context, portalRef]);
-  _TW3SFX4Ccjs.useSafeLayoutEffect.call(void 0, () => {
+  _QFX6UW2Fcjs.useSafeLayoutEffect.call(void 0, () => {
     if (!portal)
       return;
     if (!preserveTabOrder)
@@ -153,13 +153,13 @@ var usePortal = _NGD3IQDBcjs.createHook.call(void 0, function usePortal2(_a) {
       portalNode.removeEventListener("focusout", onFocus, true);
     };
   }, [portalNode, preserveTabOrder]);
-  props = _TW3SFX4Ccjs.useWrapElement.call(void 0, 
+  props = _QFX6UW2Fcjs.useWrapElement.call(void 0, 
     props,
     (element) => {
       element = // While the portal node is not in the DOM, we need to pass the
       // current context to the portal context, otherwise it's going to
       // reset to the body element on nested portals.
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CVD2AZE2cjs.PortalContext.Provider, { value: portalNode || context, children: element });
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4LJ6O7GMcjs.PortalContext.Provider, { value: portalNode || context, children: element });
       if (!portal)
         return element;
       if (!portalNode) {
@@ -175,7 +175,7 @@ var usePortal = _NGD3IQDBcjs.createHook.call(void 0, function usePortal2(_a) {
       }
       element = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _AXNMZ6L6cjs.FocusTrap,
+          _UX3M5BHRcjs.FocusTrap,
           {
             ref: innerBeforeRef,
             className: "__focus-trap-inner-before",
@@ -190,7 +190,7 @@ var usePortal = _NGD3IQDBcjs.createHook.call(void 0, function usePortal2(_a) {
         ),
         element,
         preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _AXNMZ6L6cjs.FocusTrap,
+          _UX3M5BHRcjs.FocusTrap,
           {
             ref: innerAfterRef,
             className: "__focus-trap-inner-after",
@@ -209,7 +209,7 @@ var usePortal = _NGD3IQDBcjs.createHook.call(void 0, function usePortal2(_a) {
       }
       let preserveTabOrderElement = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _AXNMZ6L6cjs.FocusTrap,
+          _UX3M5BHRcjs.FocusTrap,
           {
             ref: outerBeforeRef,
             className: "__focus-trap-outer-before",
@@ -227,7 +227,7 @@ var usePortal = _NGD3IQDBcjs.createHook.call(void 0, function usePortal2(_a) {
         // add margin to the element when setting gap on a parent element.
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-owns": portalNode == null ? void 0 : portalNode.id, style: { position: "fixed" } }),
         preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _AXNMZ6L6cjs.FocusTrap,
+          _UX3M5BHRcjs.FocusTrap,
           {
             ref: outerAfterRef,
             className: "__focus-trap-outer-after",
@@ -267,9 +267,9 @@ var usePortal = _NGD3IQDBcjs.createHook.call(void 0, function usePortal2(_a) {
   });
   return props;
 });
-var Portal = _NGD3IQDBcjs.forwardRef.call(void 0, function Portal2(props) {
+var Portal = _R2YVMKBRcjs.forwardRef.call(void 0, function Portal2(props) {
   const htmlProps = usePortal(props);
-  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+  return _R2YVMKBRcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{VPI3EKVY.cjs → 5J6PQR7O.cjs}

@@ -2,16 +2,16 @@
 
 
 
-var _NEK2UEJNcjs = require('./NEK2UEJN.cjs');
+var _WKI4JZZHcjs = require('./WKI4JZZH.cjs');
 
 
-var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+var _R2YVMKBRcjs = require('./R2YVMKBR.cjs');
 
 // src/composite/composite-context.tsx
 var _react = require('react');
-var ctx = _NGD3IQDBcjs.createStoreContext.call(void 0, 
-  [_NEK2UEJNcjs.CollectionContextProvider],
-  [_NEK2UEJNcjs.CollectionScopedContextProvider]
+var ctx = _R2YVMKBRcjs.createStoreContext.call(void 0, 
+  [_WKI4JZZHcjs.CollectionContextProvider],
+  [_WKI4JZZHcjs.CollectionScopedContextProvider]
 );
 var useCompositeContext = ctx.useContext;
 var useCompositeScopedContext = ctx.useScopedContext;