From 3e1386aa123903865cacd2974c357376c2e9702a Mon Sep 17 00:00:00 2001
From: Navin Moorthy <navin007.a@gmail.com>
Date: Wed, 18 May 2022 15:56:47 +0530
Subject: [PATCH] =?UTF-8?q?refactor(show-more):=20=E2=99=BB=EF=B8=8F=20add?=
 =?UTF-8?q?=20role=20to=20collapsibel=20content?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/disclosure/disclosure-collapsible-content.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/disclosure/disclosure-collapsible-content.ts b/src/disclosure/disclosure-collapsible-content.ts
index cc7b73d65..b25d83935 100644
--- a/src/disclosure/disclosure-collapsible-content.ts
+++ b/src/disclosure/disclosure-collapsible-content.ts
@@ -1,5 +1,6 @@
 import * as React from "react";
 import { flushSync } from "react-dom";
+import { RoleOptions, useRole } from "ariakit";
 import { DisclosureState } from "ariakit/disclosure";
 import {
   useEvent,
@@ -12,7 +13,7 @@ import {
   createElement,
   createHook,
 } from "ariakit-utils/system";
-import { As, Options, Props } from "ariakit-utils/types";
+import { As, Props } from "ariakit-utils/types";
 import raf from "raf";
 
 import {
@@ -198,6 +199,8 @@ export const useDisclosureCollapsibleContent =
         style,
       };
 
+      props = useRole(props);
+
       return props;
     },
   );
@@ -210,7 +213,7 @@ export const DisclosureCollapsibleContent =
   });
 
 export type DisclosureCollapsibleContentOptions<T extends As = "div"> =
-  Options<T> & {
+  RoleOptions<T> & {
     /**
      * Object returned by the `useDisclosureState` hook.
      */