refactor(Accordion): use generic OrientationContext

Author: huijiewei

packages/react-ui/src/components/accordion/accordion-root.tsx

@@ -3,9 +3,9 @@ import { type KeyboardEvent, useState } from "react";
 import { useControllableState } from "../../hooks";
 import type { PrimitiveProps } from "../../primitives";
 import { CompositeContext, type CompositeContextValue } from "../../primitives/composite/composite-context";
+import { OrientationContext } from "../../primitives/composite/orientation-context";
 import type { MultipleValueProps, Orientation, SingleValueProps } from "../../shared/types";
 import { tx } from "../../utils";
-import { CollapsibleOrientationContext } from "../collapsible/collapsible-orientation-context";
 import { type AccordionBaseProps, AccordionContext, type AccordionContextValue } from "./accordion-context";
 
 type AccordionSingleProps = {
@@ -105,9 +105,9 @@ export const AccordionRoot = (props: PrimitiveProps<"div", AccordionRootProps>)
       {...rest}
     >
       <AccordionContext value={context}>
-        <CollapsibleOrientationContext value={orientation}>
+        <OrientationContext value={orientation}>
           <CompositeContext value={compositeContext}>{children}</CompositeContext>
-        </CollapsibleOrientationContext>
+        </OrientationContext>
       </AccordionContext>
     </Composite>
   );

packages/react-ui/src/components/collapsible/collapsible-content.tsx

@@ -1,16 +1,16 @@
 import { type CSSProperties, useEffect, useRef, useState } from "react";
 import { useIsomorphicEffect, useMergeRefs } from "../../hooks";
 import type { EmptyObject, PrimitiveProps } from "../../primitives";
+import { useOrientation } from "../../primitives/composite/orientation-context";
 import { tx } from "../../utils";
 import { useCollapsibleContent } from "./collapsible-context";
-import { useCollapsibleOrientation } from "./collapsible-orientation-context";
 
 export const CollapsibleContent = (props: PrimitiveProps<"div", EmptyObject, "id">) => {
   const { children, ref, ...rest } = props;
 
   const { id, open, mounted, status, setElement } = useCollapsibleContent();
 
-  const orientation = useCollapsibleOrientation(true);
+  const orientation = useOrientation(true);
 
   const elemRef = useRef<HTMLDivElement>(null);
   const [size, setSize] = useState<{ width?: number; height?: number }>();