Update version to 3.0.16 in package.json and enhance AccordionContent component for better accessibility on web.

Author: Sanchitv3

packages/gluestack-core/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gluestack-ui/core",
   "description": "Universal UI components for React Native, Expo, and Next.js",
-  "version": "3.0.15",
+  "version": "3.0.16",
   "main": "./lib/esm/index.js",
   "module": "./lib/esm/index.js",
   "types": "./lib/esm/index.d.ts",

packages/gluestack-core/src/accordion/creator/AccordionContent.tsx

@@ -1,14 +1,44 @@
-import React, { forwardRef, useContext } from 'react';
+import React, {
+  forwardRef,
+  useContext,
+  useLayoutEffect,
+  useRef,
+} from 'react';
+import { mergeRefs } from '@gluestack-ui/utils/common';
+import { Platform } from 'react-native';
 import { AccordionItemContext } from './Context';
 import AnimatedHeight from './AnimatedHeight';
 
 export const AccordionContent = (StyledAccordionContent: any) =>
   forwardRef(({ children, ...props }: any, ref?: any) => {
     const { regionProps, isExpanded } = useContext(AccordionItemContext);
+    const contentRef = useRef<HTMLElement | null>(null);
+    const mergedRef = mergeRefs([ref, contentRef]);
+
+    // On web, collapsed panel content stays mounted (e.g. for height animation) but must
+    // not be tab-focusable. RN Web's View does not forward `inert`, so set it on the host.
+    useLayoutEffect(() => {
+      if (Platform.OS !== 'web') return;
+      const node = contentRef.current;
+      if (!node || typeof node.setAttribute !== 'function') return;
+      if (!isExpanded) {
+        node.setAttribute('inert', '');
+      } else {
+        node.removeAttribute('inert');
+      }
+    }, [isExpanded]);
+
+    const webCollapsedA11y =
+      Platform.OS === 'web' && !isExpanded ? { 'aria-hidden': true } : {};
 
     return (
       <AnimatedHeight hide={!isExpanded}>
-        <StyledAccordionContent ref={ref} {...props} {...regionProps}>
+        <StyledAccordionContent
+          ref={mergedRef}
+          {...props}
+          {...regionProps}
+          {...webCollapsedA11y}
+        >
           {children}
         </StyledAccordionContent>
       </AnimatedHeight>